Programmatically change backgroundTint of ImageView with Vector Asset for background

Question

<ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:backgroundTint="@color/colorRed"
    android:background="@drawable/ic_delete"/>

As above I added an Android VectorAsset for ImageView background.
And I can change color of that Vector Asset from red to blue by xml like below.

android:backgroundTint="@color/colorBlue"

but I want to change its color programmatically.

score 6 · Accepted Answer · answered Aug 22 '17 at 20:22

Instead of using ImageView you can use AppCompatImageView, Because setBackgroundTintList is supported from API level 21, If you use AppCompatImageView you can change the tint color using setSupportBackgroundTintList.

so change you ImageView like this,

<android.support.v7.widget.AppCompatImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:backgroundTint="@color/colorRed"
    android:background="@drawable/ic_delete"/>

So that you can call setSupportBackgroundTintList to set the tint color like this,

imageView.setSupportBackgroundTintList(ContextCompat.getColorStateList(this, R.color.colorBlue));

I am able to do it on `ImageView` but my app supports `v21` at least. — Aayush Goyal, Feb 01 '22 at 17:13

score 2 · Answer 2 · edited Nov 12 '19 at 09:13

2

programmatically you can achieve it like this:

img.setColorFilter(getResources().getColor(R.color.white));

edited Nov 12 '19 at 09:13

Cœur

37,241
25
195
267

answered Nov 12 '19 at 06:39

Marium Jawed

391
4
9

score 0 · Answer 3 · answered Aug 22 '17 at 20:08

First of all background and src are different properties for a ImageView. Are you trying to set an Image to ImageView? First of all You have to use the property: android:src="drawable"

If you are using a vector asset you will need to use the property:app:srcCompat="drawable"

To understand the background, backgroundTint properties have a read at this: What is the difference between background, backgroundTint, backgroundTintMode attributes in android layout xml?

AND to finally answer your question to background tint programmatically if that is what you really want, then here is a link How to add button tint programmatically

Hope it helps!

score 0 · Answer 4 · answered Aug 22 '17 at 20:09

This question is related, but answers for buttons.

Original answer by user A.A

You should use setBackgroundTintList(ColorStateList list)

Follow this link to know how create a Color State List Resource.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:color="#your_color_here" />
</selector>

then load it using

setBackgroundTintList(contextInstance.getResources().getColorStateList(R.color.your_xml_name));

where contextInstance is an instance of a Context

using AppCompat

btnTag.setSupportButtonTintList(ContextCompat.getColorStateList(Activity.this, R.color.colorPrimary));

score 0 · Answer 5 · answered Oct 08 '20 at 09:42

0

    imageView.apply {
        setColorFilter(ContextCompat.getColor(context, tintColor), android.graphics.PorterDuff.Mode.MULTIPLY)
        backgroundTintList = ContextCompat.getColorStateList(context, bgTintColor)
    }

answered Oct 08 '20 at 09:42

nAkhmedov

3,522
4
37
72

Programmatically change backgroundTint of ImageView with Vector Asset for background

5 Answers5