Android change color of ImageView / Bitmap

Question

I need to find a way to change the color of bitmap in Android. I need to replace/change colors of oval image smoothly in my application depending on int value. I need something like if myValue=5 than change my image's color to RED and if myValue=322 change color to BLUE. The only way which I find I can do this was using xml file which looks like this :

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" android:padding="10dp">
<!-- you can use any color you want I used here gray color-->
 <solid android:color="#cccccc"/> 
    <corners
     android:bottomRightRadius="10dp"
     android:bottomLeftRadius="10dp"
     android:topLeftRadius="10dp"
     android:topRightRadius="10dp"/>
</shape>

and after that when myValue is changing to set my ImageView image resource. But in this way I have to create 35 different xml files...which I don't think is a good idea.

So anyone who can suggest better solution to do this?

score 21 · Accepted Answer · edited Dec 23 '15 at 12:28

21

This is how I solved this issue :

Declare an ImageView with src="@drawable/button"
Create a Drawable and set ColorFilter to it and after that use it as src to your declared ImageView like this :

>

Drawable myIcon = getResources().getDrawable( R.drawable.button );
ColorFilter filter = new LightingColorFilter( Color.BLUE, Color.BLUE );
myIcon.setColorFilter(filter);
color.setImageDrawable(myIcon);

edited Dec 23 '15 at 12:28

Anirudh Sharma

7,968
13
40
42

answered May 07 '12 at 14:19

Android-Droid

14,365
41
114
185

Can you also mention how to do this in the xml if its possible? – Bhargav Dec 09 '15 at 05:17
4

Nvm I found it, have to use the the `android:tint` attribute for `imageview` – Bhargav Dec 09 '15 at 05:21

score 16 · Answer 2 · answered Jan 24 '14 at 21:23

This solution doesn't work very well for me. In some images the final color was wrong. I use this solution instead:

Drawable myIcon = getResources().getDrawable(R.drawable.your_image); 
myIcon.setColorFilter(Color.BLUE, PorterDuff.Mode.SRC_ATOP); 
((ImageView)findViewById(R.id.view_to_change)).setImageDrawable(myIcon);

score 3 · Answer 3 · edited Jan 22 '16 at 22:04

3

getResources().getDrawable( R.drawable.button );

is now deprecated. Can also do it this way:

((ImageView) findViewById(R.id.my_icon))
  .setColorFilter(new LightingColorFilter(Color.BLUE, Color.BLUE));

edited Jan 22 '16 at 22:04

Chris Knight

24,333
24
88
134

answered Oct 22 '15 at 01:17

Himadri Pant

2,171
21
22

score 1 · Answer 4 · answered Mar 07 '13 at 08:52

1

Should you this.

Drawable myIcon = getResources().getDrawable( R.drawable.button ); 
ColorFilter filter = new LightingColorFilter( Color.BLACK, Color.BLACK);
myIcon.setColorFilter(filter);

answered Mar 07 '13 at 08:52

Shin-chan

869
10
11

score 0 · Answer 5 · answered May 04 '12 at 13:40

0

You can use a TransitionDrawable to achieve this - http://developer.android.com/reference/android/graphics/drawable/TransitionDrawable.html

answered May 04 '12 at 13:40

asenovm

6,397
2
41
52

I saw that option but didn't find any good example or explanation how to use it. – Android-Droid May 04 '12 at 13:51
http://stackoverflow.com/questions/2614545/animate-change-of-view-background-color-in-android – asenovm May 04 '12 at 13:53

score 0 · Answer 6 · answered Oct 07 '21 at 09:34

Try this:

private final ImageView uiIV_statusIcon;
uiIV_statusIcon = anyView.findViewById(R.id.iv_status);
uiIV_statusIcon.setImageResource(R.drawable.ic_twotone_error_24);

in Activity:

ImageViewCompat.setImageTintList(uiIV_statusIcon, ColorStateList.valueOf(getColor(R.color.md_red_400)));

in a Fragment

ImageViewCompat.setImageTintList(uiIV_statusIcon, ColorStateList.valueOf(getContext().getColor(R.color.md_red_400)));

in a Recyclerviewadapter with preassigned variable _context :

ImageViewCompat.setImageTintList(uiIV_statusIcon, ColorStateList.valueOf(_context.getColor(R.color.md_red_400)));

Android change color of ImageView / Bitmap

6 Answers6

Linked