Set image to imageview programmatically android

Android ImageView Tutorial

November 07, 2017

Android ImageView widget is used to display images such as drawable and bitmap resources. ImageView widget provides attributes using which tint can be applied to images and images can be scaled.

This tutorials explains how to add ImageView in xml layout and to constraint layout programmatically, handle click events, use various scale types and attributes. The tutorial also shows how to display round-cornered and rotated images. It shows how to define animations in xml and apply to ImageView to rotate, scales and slide images.

Android ImageView Setting Image in XML

Below layout xml shows ImageView definition and setting image using src attribute.

Android ImageView Setting Image Programmatically

Below code show how to add ImageView programmatically. The example adds image view to constraint layout and sets constraints to the image being added.

ImageView ScaleType

Using scaleType attribute of ImageView, image can be scaled in different ways to its bounds. Below picture shows image scaling using various scale types such as CENTER, CENTER_CROP, CENTER_INSIDE, FIT_CENTER, FIT_END, FIT_START, FIT_XY, and MATRIX. FIT_XY doesn’t maintain aspect ratio.

Android ImageView Attributes

Attribute android:adjustViewBounds is used to indicate whether aspect ratio of image be maintained or not with different scale types. Setting android:adjustViewBounds to true indicates that aspect ratio of the image be maintained.

Attributes android:baseline and android:baselineAlignBottom are realted to baseline of image within the view.

Setting attribute android:cropToPadding to makes image be cropped to fit within padding.

To set tinting color and tint mode of image, attributes android:tint and android:tintMode are used.

Android ImageView OnClick Listener

Below example sets attributes in click event handler of image view.

Android ImageView Rounded Corners

There are several ways to display round-cornered image. You can display images as round-cornered images using card view, below layout shows just that.

Android ImageView Rotate Image

You can rotate image in image view using Matrix and calling postRotate on it as shown below.

Android ImageView Animation

You can define animations in xml, load the animation using AnimationUtils and apply it to image view as shown below.

Applying animation to ImageView

Rotation animation

On applying below animation to image view, image gets rotated 360 degrees for the duration of 2000 ms.

Scale animation

On applying below animation to image view, image scales from 0 to full height and width for the duration of 900 ms

Slide animation

About

Android app development tutorials and web app development tutorials with programming examples and code samples.

Источник

Изменить изображение ImageView программно в Android

когда я программно изменяю изображение, оно показывает новое изображение поверх старого изображения, которое изначально задано в файле макета?

вот фрагмент моего файла макета:

и код, который устанавливает imageView:

чего мне не хватает?

7 ответов:

это происходит потому, что вы устанавливаете src ImageView вместо фона.

используйте этот код:

здесьэто нить, которая говорит о различиях между двумя методами.

в вашем XML для представления изображения, где у вас есть android:background=»@drawable/thumbs_down измените это на android:src=»https://codengineering.ru/q/@drawable/thumbs_down»

В настоящее время он помещает это изображение в качестве фона для представления, а не фактическое изображение в нем.

короткий ответ:

просто скопируйте изображение в свой и использовать

подробности

разнообразие ответов может вызвать небольшую путаницу. Мы есть

методы Background в их имени все принадлежат к View класса, а не ImageView специально. Но так как ImageView наследует от View вы можете использовать их тоже. Этот методы с Image в их названии принадлежат конкретно ImageView .

The View методы все делают то же самое, что и друг с другом (хотя setBackgroundDrawable() устарел), поэтому мы просто сосредоточимся на setBackgroundResource() . Точно так же, ImageView методы все делают то же самое, поэтому мы просто сосредоточимся на setImageResource() . Единственное различие между методами — это тип передаваемого параметра.

настройка

здесь FrameLayout , которая содержит ImageView . Элемент ImageView изначально в нем нет никакого изображения. (Я только добавил FrameLayout чтобы я мог поставить границу вокруг него. Таким образом, вы можете увидеть край ImageView .)

ниже мы сравним различные методы.

setImageResource()

если вы используете ImageView setImageResource() , затем изображение сохраняет свое соотношение сторон и изменяется по размеру. Вот два разных изображения образцы.

setBackgroundResource()

используя представления setBackgroundResource() , С другой стороны, вызывает растягивание ресурса изображения для заполнения представления.

фоновое изображение и изображение ImageView рисуется отдельно, поэтому вы можете установить их оба.

рисование изображения с помощью кода

образ сервера

Источник

Tutorialwing

Hello Readers! In this post, we are going to learn how to create and use android imageView programmatically in any android application. We will also learn to add imageView in linearLayout programmatically in any application.

Output

Tutorialwing Android Dynamic ImageView Output

Getting Started

At first, we will create an android application. Then, we will use imageView widget in the application.

1. Creating New Project

Follow the steps below to create a new project. Please ignore the steps if you have already created a new project.

Step	Description
1.	Open Android Studio.
2.	Go to File => New => New Project. Write application name as DynamicImageView. Then, click next button.
3.	Select minimum SDK you need. However, we have selected 17 as minimum SDK. Then, click next button
4.	Then, select Empty Activity => click next => click finish.
5.	If you have followed above process correctly, you will get a newly created project successfully. However, you can also visit post to create a new project to know steps in detail.

Now, we will modify xml and java file to use android imageView programmatically.

2. Modify values folder

No values folders have been modified. So, we are not going to mention them here.

3. Modify Layout Folder

Open res/layout/activity_main.xml file. Then, add below code into it.

In activity_main.xml file, we have defined linearLayout and button widget. Now, we will create imageView programmatically in android application. Then, we will add this imageView in linearLayout.

4. Create Android ImageView Programmatically / Dynamically

Open app/src/main/java/com.tutorialwing.dynamicimageview/MainActivity.java file and add below code into it.

In MainActivity.java file, we have created imageView programmatically. Then, we have set it’s layout params and image resource. After that, we have set click listener of button to change image in imageView. At last, we have added this widget in linearLayout, with id rootContainer.

Since AndroidManifest.xml file is very important in any android project. We are also going to see the content inside this file.

AndroidManifest.xml file

Code inside src/main/AndroidManifest.xml file would look like below –

When we run the application, we will get output as shown above.

That’s the end of tutorial on Creating Android ImageView Programmatically.

Источник

Tutorialwing

In this article, we will learn how to create android ImageView programmatically in Kotlin. We will go through various steps that explains how to create ImageView and add it in kotlin file, use different attributes to customise it etc. in any android application. For example, how to set text in ImageView programmatically, how to set id of ImageView, how to capitalise text of ImageView dynamically etc. We will get answer to all such questions in this post.

Output

Tutorialwing Kotlin Dynamic ImageView Output

Getting Started

We can define android ImageView widget as below –

ImageView is subclass of view that displays image. It is also used to handle image tinting and scaling.

Now, how do we use ImageView in android application ?

Creating New Project

Follow steps below to create any android project in Kotlin –

Step	Description
1.	Open Android Studio (Ignore if already done).
2.	Go to File => New => New Project. This will open a new window. Then, under Phone and Tablet section, select Empty Activity. Then, click Next.
3.	In next screen, select project name as DynamicImageView. Then, fill other required details.
4.	Then, clicking on Finish button creates new project.

Newbie in Android ?
Some very important concepts (Recommended to learn before you move ahead)

Before we move ahead, we need to setup for viewBinding to access ImageView in Kotlin file without using findViewById() method.

Setup ViewBinding

Add viewBinding true in app/build.gradle file.

Now, set content in activity using view binding.
Open MainActivity.kt file and write below code in it.

Now, we can access view in Kotlin file without using findViewById() method.

Since we have a new project, we will modify the xml and class file to use ImageView programmatically in kotlin. Please follow the steps below.

2. Modify Values Folder

Open res/values/strings.xml file. Add below code into it.

Other values folders have not been changed. So, we are not going to mention it here.

3. Modify Layout Folder

Open res/layout/activity_main.xml file. Add below code into it.

Note that LinearLayout has id rootContainer. In Kotlin file, we will create ImageView Dynamically and add it into this LinearLayout having id rootContainer.

4. Create Android ImageView programmatically in Kotlin

Open src/main/java/com.tutorialwing.dynamicimageview/MainActivity.kt file. Then, add below code into it.

Finally, when you run the application, you will get output as shown above.

Tutorialwing Kotlin Dynamic ImageView Output

Now, Let’s check how to use different attributes of ImageView to customize it dynamically –

Set Id of ImageView

Follow steps below to set id of ImageView programmatically –

Create ids.xml file in res/values folder. Then, add below code into it –
Now, we can set id of ImageView dynamically, in MainActivity.kt file, as –

Here, we have set id of ImageView using property access syntax – imageView.id

Set Width and Height of ImageView

We use layoutParams to set width and height of any View programmatically. In this article, we have added ImageView in LinearLayout. So, we will define LayoutParams as below –

Here, we have set width and height as WRAP_CONTENT. Some of possible values for width and height are –

WRAP_CONTENT: Sets value of width or height depending on text inside it.
MATCH_PARENT: Sets value of width of height depending on width or height of parent layout . i.e. width or height of ImageView will be same as width or height of parent layout.
Fixed Value: Sets width or height as per value provided.

Set Padding of ImageView

Follow steps below to set padding of ImageView Dynamically –

If there is no dimens.xml file, create dimens.xml file in res/values folder. Then, add below code in it –
Now, we can set padding of ImageView dynamically, in MainActivity.kt file, as –

Here, we have accessed dimension defined in dimens.xml using getDimension() method. Then, set padding of ImageView using setPadding() method.

Set Margin of ImageView

Follow steps below to set margin of ImageView Dynamically –

If there is no dimens.xml file, create dimens.xml file in res/values folder. Then, add below code in it –
Now, we can set margin of ImageView dynamically, in MainActivity.kt file, as –

Here, we have accessed dimension defined in dimens.xml using getDimension() method. Then, we have defined layoutParams, set margin to layoutParams. After that, set layoutParams to ImageView.

Set Background of ImageView

Follow steps below to set background of ImageView programmatically –

If there is no colors.xml file, create colors.xml file in res/values folder. Then, add below code in it –
Now, we can set background of ImageView dynamically, in MainActivity.kt file, as –

Here, we used setBackgroundColor() method to set background color in imageView.

Set Visibility of ImageView

We can set visibility of ImageView programmatically as –

Here, we have set visibility of ImageView using imageView.visibility attribute. Visibility can be of three types – gone, visible and invisible.
Learn to Set Visibility of ImageView Using XML Attribute

That’s end of tutorial on ImageView Programmatically in Kotlin With Example.

Источник