Android imageview set tint programmatically

How to set Tint for ImageView in Kotlin Android?

Kotlin Android – Set Tint Color & Tint Mode for ImageView

To set tint color and tint mode for ImageView in Kotlin Android, set app:tint and android:tintMode attributes of ImageView in layout file with required color and tint mode respectively.

The following code snippet demonstrates to set specific tint color and tint mode for ImageView.

Example Android Application

Let us create an Android Application with ImageView.

Refer Kotlin Android – ImageView Example to create an Android Application with just an ImageView in LinearLayout.

The project structure in Android mode is

Without any tint applied, the image appears as shown in the following screenshot.

Set Tint Color

Open activity_main.xml file and set the attribute app:tint for ImageView with the a specific color as shown in the following.

activity_main.xml

Run the Android Application

Now, let us run the Android Application, and see how the tint color affected the ImageView.

The tint color is shown for ImageView but not the image. The reason is, the default value of tint mode is src_atop. Let us specify another value for tint mode using android:tintMode attribute.

In the following activity_main.xml file, we have set the tint mode to multiply.

activity_main.xml

Now, run the application. The tint will be applied based on the tint mode multiply.

The following list specifies the possible values for tint mode.

Change the values for tint and tint mode and observe the output.

Conclusion

In this Kotlin Android Tutorial, we learned how to set specific tint color and tint mode for ImageView in Android Application.

Источник

How to set tint for an image view programmatically in android?

Posted by: admin November 13, 2017 Leave a comment

Need to set tint for an image view… I am using it the following way:

But it doesn’t change…

You can change the tint, quite easily in code via:

imageView.setColorFilter(Color.argb(255, 255, 255, 255)); // White Tint

If you want color tint then

For Vector Drawable

@Hardik has it right. The other error in your code is when you reference your XML-defined color. You passed only the id to the setColorFilter method, when you should use the ID to locate the color resource, and pass the resource to the setColorFilter method. Rewriting your original code below.

If this line is within your activity:

Else, you need to reference your main activity:

Note that this is also true of the other types of resources, such as integers, bools, dimensions, etc. Except for string, for which you can directly use getString() in your Activity without the need to first call getResources() (don’t ask me why).

Otherwise, your code looks good. (Though I haven’t investigated the setColorFilter method too much…)

This worked for me

Beginning with Lollipop, there is also a tint method for BitmapDrawables that works with the new Palette class:

public void setTintList (ColorStateList tint)

public void setTintMode (PorterDuff.Mode tintMode)

On older versions of Android, you can now use the DrawableCompat library

After i tried all methods and they did not work for me.

I get the solution by using another PortDuff.MODE.

Try this. It should work on all Android versions that the support library supports:

You can use any of the above to make it work.

You can read about more interesting features of DrawableCompat on the docs, here.

Beginning in Lollipop, there is a method called ImageView#setImageTintList() that you can use… the advantage being that it takes a ColorStateList as opposed to just a single color, thus making the image’s tint state-aware.

On pre-Lollipop devices, you can get the same behavior by tinting the drawable and then setting it as the ImageView ‘s image drawable:

As @milosmns said, you should use

imageView.setColorFilter(getResouces().getColor(R.color.blue),android.graphics.PorterDuff.Mode.MULTIPLY);

This API need color value instead of color resource id, That’s the root cause why your statement didn’t work.

I found that we can use color selector for tint attr:

Most answers refer to using setColorFilter which is not what was originally asked.

The user @Tad has his answer in the right direction but it only works on API 21+.

To set the tint on all Android versions, use the ImageViewCompat :

Note that yourTint in this case must be a “color int”. If you have a color resource like R.color.blue , you need to load the color int first:

As the first answer didn’t work for me:

This only seems to work in API 21+, but for me that wasn’t an issue. You can use an ImageViewCompat to resolve that issue, tho.

I hope I helped anyone out рџ™‚

Not exact answer but a simpler alternative:

• Place another view on top of the image
• Change the alpha value of the view however you want (programmatically) to get the desired effect.

Here is a snippet for that:

Related Posts

android – How do I display a CalendarView in an AlertDialog?

Questions: I’m trying to display the CalendarView in an Alert Dialog, but all that shows up is the month/year and the days of the week. These are the contents of the layout file:

How do I convert a PSD design to Android xml?

Questions: Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers. Want to improve this question? Update the question so it’s on-topic for Stack Over.

Источник

Android imageview set tint programmatically

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.

Источник

Как настроить оттенок для просмотра изображений программно в android?

Нужно установить оттенок для представления изображения. Я использую его следующим образом:

Но это не меняется.

ОТВЕТЫ

Ответ 1

Вы можете легко изменить оттенок в коде с помощью:

imageView.setColorFilter(Color.argb(255, 255, 255, 255)); // Белый оттенок

Если вы хотите цветовой оттенок, то

Для векторного Drawable

ОБНОВЛЕНИЕ:
У @ADev есть более новое решение в его ответе здесь, но его решение требует более новой библиотеки поддержки — 25.4.0 или выше.

Ответ 2

Большинство ответов относятся к использованию setColorFilter , который не был изначально задан.

Пользователь @Tad имеет его ответ в правильном направлении, но он работает только с API 21 +.

Чтобы установить оттенок во всех версиях Android, используйте ImageViewCompat :

Обратите внимание, что yourTint в этом случае должен быть «color int». Если у вас есть ресурс цвета, например R.color.blue , сначала нужно сначала загрузить цвет int:

Ответ 3

Это сработало для меня

Ответ 4

@Хардик прав. Другая ошибка в вашем коде — это когда вы ссылаетесь на свой цвет, определенный XML. Вы передали только id методу setColorFilter , когда вы должны использовать идентификатор, чтобы найти ресурс цвета, и передать ресурс методу setColorFilter . Переписывая исходный код ниже.

Если эта строка находится в пределах вашей активности:

Кроме того, вам необходимо указать ваше основное действие:

Обратите внимание, что это также относится к другим типам ресурсов, таким как целые числа, bools, измерения и т.д. За исключением строки, для которой вы можете напрямую использовать getString() в своей деятельности без необходимости сначала звонить getResources() (не спрашивайте меня, почему).

В противном случае ваш код выглядит хорошо. (Хотя я не исследовал метод setColorFilter слишком много. )

Ответ 5

После того, как я пробовал все методы, и они не работали для меня.

Я получаю решение с помощью другого PortDuff.MODE.

Ответ 6

Начиная с леденец, есть также Оттенок метод BitmapDrawables, который работает с новым классом Palette:

public void setTintList (оттенок ColorStateList)

public void setTintMode (PorterDuff.Mode tintMode)

В старых версиях Android теперь вы можете использовать библиотеку DrawableCompat

Ответ 7

Попробуй это. Он должен работать на всех версиях Android, поддерживаемых библиотекой поддержки:

Вы можете использовать любой из вышеперечисленных функций, чтобы заставить его работать.

Вы можете прочитать о более интересных особенностей DrawableCompat на документы, здесь.

Ответ 8

Простая и одна строка

Ответ 9

Начиная с Lollipop существует метод, называемый ImageView#setImageTintList() который вы можете использовать. Преимущество состоит в том, что для него требуется ColorStateList а не только один цвет, что делает отображение ColorStateList в соответствии с цветом.

На устройствах с предустановленной Lollipop вы можете получить такое же поведение, показывая выделение, а затем установите его как графическое изображение ImageView :

Ответ 10

Ответ 11

Поскольку первый ответ не сработал у меня:

Это похоже, похоже, работает в API 21+, но для меня это не проблема. Вы можете использовать ImageViewCompat для решения этой проблемы, tho.

Надеюсь, я помог кому-нибудь: -)

Ответ 12

Если ваш цвет имеет прозрачность шестнадцатеричного цвета, используйте приведенный ниже код.

Чтобы очистить оттенок

Ответ 13

Я обнаружил, что мы можем использовать селектор цвета для оттенка attr:

Ответ 14

Не используйте PoterDuff.Mode , используйте setColorFilter() он работает для всех.

Ответ 15

Как сказал @milosmns, вы должны использовать imageView.setColorFilter(getResouces().getColor(R.color.blue),android.graphics.PorterDuff.Mode.MULTIPLY);

Для этого API требуется значение цвета вместо идентификатора ресурса цвета. Это основная причина, почему ваш оператор не работает.

Ответ 16

Я опаздываю на вечеринку, но я не видел своего решения выше. Мы также можем установить оттенок цвета с помощью setImageResource() (мой minSdkVersion равен 24).

Итак, во-первых, вам нужно создать селектор и сохранить его в папке ресурсов /drawable (я называю это ic_color_white_green_search.xml )

Затем установите его в коде так:

Ответ 17

Добавление к ADev ответа (что на мой взгляд является наиболее правильным), начиная с широкого распространения Kotlin, и его полезных функций расширения:

Я думаю, что эта функция может быть полезна в любом проекте Android!

Ответ 18

Для установки оттенка для просмотра изображений программно в Android

У меня есть два метода для Android:

Я надеюсь, что я помог никому 🙂

Ответ 19

Лучшая упрощенная функция расширения благодаря ADev

Использование:-

Ответ 20

Если вы хотите установить селектор на ваш оттенок:

Ответ 21

Просто добавьте, если вы хотите удалить существующий оттенок, вы можете установить его в прозрачный цвет:

Ответ 22

Неточный ответ, но более простая альтернатива:

• Поместите другой вид поверх изображения
• Измените значение альфа, но вы хотите (программно) получить желаемый эффект.

Источник