How to set tint for an image view programmatically in android

Question

Need to set tint for an image view    I am using it the following way   imageView setColorFilter R color blue android graphics PorterDuff Mode MULTIPLY     But it doesn t change

User · Answer

For set tint for an image view programmatically in android

I have two methods for android :

1)

imgView.setColorFilter(context.getResources().getColor(R.color.blue));

2)

 DrawableCompat.setTint(imgView.getDrawable(),
                     ContextCompat.getColor(context, R.color.blue));

I hope I helped anyone out :-)

User · Answer

After i tried all methods and they did not work for me   I get the solution by using another PortDuff MODE   imgEstadoBillete setColorFilter context getResources   getColor R color green  PorterDuff Mode SRC IN

User · Answer

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   ImageViewCompat setImageTintList imageView  ColorStateList valueOf yourTint      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   ContextCompat getColor context  R color blue

User · Answer

This worked for me   mImageView setColorFilter ContextCompat getColor getContext    R color green 500

User · Answer

Try this  It should work on all Android versions that the support library supports   public static Drawable getTintedDrawableOfColorResId  NonNull Context context   NonNull Bitmap inputBitmap   ColorRes int colorResId        return getTintedDrawable context  new BitmapDrawable context getResources    inputBitmap   ContextCompat getColor context  colorResId       public static Drawable getTintedDrawable  NonNull Context context   NonNull Bitmap inputBitmap   ColorInt int color        return getTintedDrawable context  new BitmapDrawable context getResources    inputBitmap   color      public static Drawable getTintedDrawable  NonNull Context context   NonNull Drawable inputDrawable   ColorInt int color        Drawable wrapDrawable   DrawableCompat wrap inputDrawable       DrawableCompat setTint wrapDrawable  color       DrawableCompat setTintMode wrapDrawable  PorterDuff Mode SRC IN       return wrapDrawable      You can use any of the above to make it work   You can read about more interesting features of DrawableCompat on the docs  here

User · Answer

As the first answer didn t work for me     get ImageView ImageView myImageView    ImageView  findViewById R id iv      colorid is the id of a color defined in values colors xml myImageView setImageTintList ColorStateList valueOf ContextCompat getColor getApplicationContext    R color colorid       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  -

User · Answer

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

User · Answer

Don t use PoterDuff Mode  Use setColorFilter   it works for all   ImageView imageView    ImageView  listItem findViewById R id imageView   imageView setColorFilter getContext   getResources   getColor R color msg read

User · Answer

If your color has hex transparency  use the below code   ImageViewCompat setImageTintMode imageView  PorterDuff Mode SRC ATOP   ImageViewCompat setImageTintList imageView  ColorStateList valueOf Color parseColor   80000000        To clear the tint  ImageViewCompat setImageTintList imageView  null

User · Answer

I am late in the party but I didn t see my solusion above  We are able to set tint color via setImageResource    too  my minSdkVersion is 24    So  first  you need to create a selector and save it in  drawable asset folder  I call it ic color white green search xml       lt  -- Focused and not pressed -- gt   lt item android state focused  true        android state pressed  false  gt        lt bitmap android src   drawable ic search              android tint   color branding green   gt   lt  item gt    lt  -- Focused and pressed -- gt   lt item android state focused  true        android state pressed  true  gt        lt bitmap android src   drawable ic search              android tint   color branding green   gt   lt  item gt    lt  -- Default -- gt   lt item android drawable   drawable ic search   gt      Then set it in code like this   val icon   itemView findViewById R id icon  as ImageButton icon setImageResource R drawable ic color white green search

User · Answer

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   imageView setColorFilter getResources   getColor R color blue   android graphics PorterDuff Mode MULTIPLY     Else  you need to reference your main activity   Activity main       imageView setColorFilter main getResources   getColor R color blue   android graphics PorterDuff Mode MULTIPLY     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

User · Answer

Beginning with Lollipop  there is also a tint method for BitmapDrawables that works with the new Palette class      public void setTintList  ColorStateList tint    and     public void setTintMode  PorterDuff Mode tintMode    On older versions of Android  you can now use the DrawableCompat library

User · Answer

Adding to ADev s answer  which in my opinion is the most correct   since the widespread adoption of Kotlin  and its useful extension functions   fun ImageView setTint context  Context   ColorRes colorId  Int        val color   ContextCompat getColor context  colorId      val colorStateList   ColorStateList valueOf color      ImageViewCompat setImageTintList this  colorStateList      I think this is a function which could be useful to have in any Android project

User · Answer

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   imageView setColorFilter ContextCompat getColor context  R color COLOR YOUR COLOR   android graphics PorterDuff Mode MULTIPLY     For Vector Drawable  imageView setColorFilter ContextCompat getColor context  R color COLOR YOUR COLOR   android graphics PorterDuff Mode SRC IN     UPDATE   ADev has newer solution in his answer here  but his solution requires newer support library - 25 4 0 or above

User · Answer

In case you want to set selector to your tint   ImageViewCompat setImageTintList iv  getResources   getColorStateList R color app icon click color

User · Answer

I found that we can use color selector for tint attr   mImageView setEnabled true     activity main xml    lt ImageView     android id    id image view      android layout width  wrap content      android layout height  wrap content      android src   drawable ic arrowup      android tint   color section arrowup color    gt    section arrowup color xml    lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item android color   android color white  android state enabled  true   gt       lt item android color   android color black  android state enabled  false   gt       lt item android color   android color white   gt   lt  selector gt

User · Answer

Better simplified extension function thanks to ADev  fun ImageView setTint  ColorRes colorRes  Int        ImageViewCompat setImageTintList this  ColorStateList valueOf ContextCompat getColor context  colorRes        Usage -  imageView setTint R color tintColor

User · Answer

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   ColorStateList csl   AppCompatResources getColorStateList context  R color my clr selector   Drawable drawable   DrawableCompat wrap imageView getDrawable     DrawableCompat setTintList drawable  csl   imageView setImageDrawable drawable

User · Answer

Kotlin solution using extension function  to set and unset the tinting    fun ImageView setTint  ColorInt color  Int         if  color    null            ImageViewCompat setImageTintList this  null          return           ImageViewCompat setImageTintMode this  PorterDuff Mode SRC ATOP      ImageViewCompat setImageTintList this  ColorStateList valueOf color

User · Answer

Simple and one line  imageView setColorFilter activity getResources   getColor R color your color

User · Answer

Random random new Random  ImageView imageView    ImageView  view findViewById R id imageView   ColorFilter cf   new PorterDuffColorFilter Color rgb random nextInt 255   random nextInt 255   random nextInt 255   Mode OVERLAY    imageView setImageResource R drawable ic bg box   imageView setColorFilter cf

User · Answer

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    lt FrameLayout     android layout width  match parent      android layout height  wrap content  gt        lt ImageView         android layout width  match parent          android layout height   dimen height120          android contentDescription   string my description          android scaleType  fitXY          android src   drawable my awesome image   gt        lt View         android layout width  match parent          android layout height   dimen height120          android alpha  0 5          android background   color my blue color   gt   lt  FrameLayout gt

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

Examples related to android

Examples related to imageview

Examples related to tint