How to change colors of a Drawable in Android

Question

I m working on an android application  and I have a drawable that I m loading up from a source image   On this image  I d like to convert all of the white pixels to a different color  say blue  and then cache the resultant Drawable object so I can use it later   So for example say I have a 20x20 PNG file that has a white circle in the middle  and that everything outside the circle is transparent   What s the best way to turn that white circle blue and cache the results   Does the answer change if I want to use that source image to create several new Drawables  say blue  red  green  orange  etc    I m guessing that I ll want to use a ColorMatrix in some way  but I m not sure how

User · Answer

I also use ImageView for icons  in ListView or settings screen   But I think there is much simpler way to do that   Use tint to change the color overlay on your selected icon   In xml   android tint   color accent  android src   drawable ic event     works fine since it comes from AppCompat

User · Answer

This works with everything with background   Textview  Button     TextView text    TextView  View findViewById R id MyText   text setBackgroundResource Icon       text getBackground   setColorFilter getResources   getColor Color   PorterDuff Mode SRC ATOP

User · Answer

Check out this sample code  ColorMatrixSample java          Copyright  C  2007 The Android Open Source Project       Licensed under the Apache License  Version 2 0  the  License       you may not use this file except in compliance with the License     You may obtain a copy of the License at            http   www apache org licenses LICENSE-2 0       Unless required by applicable law or agreed to in writing  software    distributed under the License is distributed on an  AS IS  BASIS     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND  either express or implied     See the License for the specific language governing permissions and    limitations under the License       package com example android apis graphics   import com example android apis R   import android app Activity  import android content Context  import android graphics    import android os Bundle  import android view KeyEvent  import android view View   public class ColorMatrixSample extends GraphicsActivity         Override     protected void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           setContentView new SampleView this               private static class SampleView extends View           private Paint mPaint   new Paint Paint ANTI ALIAS FLAG           private ColorMatrix mCM   new ColorMatrix            private Bitmap mBitmap          private float mSaturation          private float mAngle           public SampleView Context context                super context                mBitmap   BitmapFactory decodeResource context getResources                                                       R drawable balloons                      private static void setTranslate ColorMatrix cm  float dr  float dg                                           float db  float da                cm set new float                        2  0  0  0  dr                     0  2  0  0  dg                     0  0  2  0  db                     0  0  0  1  da                        private static void setContrast ColorMatrix cm  float contrast                float scale   contrast   1 f                 float translate    - 5f   scale    5f    255 f              cm set new float                        scale  0  0  0  translate                     0  scale  0  0  translate                     0  0  scale  0  translate                     0  0  0  1  0                        private static void setContrastTranslateOnly ColorMatrix cm  float contrast                float scale   contrast   1 f                 float translate    - 5f   scale    5f    255 f              cm set new float                        1  0  0  0  translate                     0  1  0  0  translate                     0  0  1  0  translate                     0  0  0  1  0                        private static void setContrastScaleOnly ColorMatrix cm  float contrast                float scale   contrast   1 f                 float translate    - 5f   scale    5f    255 f              cm set new float                        scale  0  0  0  0                     0  scale  0  0  0                     0  0  scale  0  0                     0  0  0  1  0                         Override protected void onDraw Canvas canvas                Paint paint   mPaint              float x   20              float y   20               canvas drawColor Color WHITE                paint setColorFilter null               canvas drawBitmap mBitmap  x  y  paint                ColorMatrix cm   new ColorMatrix                 mAngle    2              if  mAngle  gt  180                    mAngle   0                               convert our animated angle  -180   180  to a contrast value of  -1  1              float contrast   mAngle   180 f               setContrast cm  contrast               paint setColorFilter new ColorMatrixColorFilter cm                canvas drawBitmap mBitmap  x   mBitmap getWidth     10  y  paint                setContrastScaleOnly cm  contrast               paint setColorFilter new ColorMatrixColorFilter cm                canvas drawBitmap mBitmap  x  y   mBitmap getHeight     10  paint                setContrastTranslateOnly cm  contrast               paint setColorFilter new ColorMatrixColorFilter cm                canvas drawBitmap mBitmap  x  y   2  mBitmap getHeight     10                                 paint                invalidate                        The relevant API is available here

User · Answer

If you have a drawable that s a solid color and you want to change it to a differnet solid color  you can use a ColorMatrixColorFilter  Transparency is preserved   int iColor   Color parseColor color    int red      iColor  amp  0xFF0000    0xFFFF  int green    iColor  amp  0xFF00    0xFF  int blue    iColor  amp  0xFF   float   matrix     0  0  0  0  red                     0  0  0  0  green                     0  0  0  0  blue                     0  0  0  1  0     ColorFilter colorFilter   new ColorMatrixColorFilter matrix   drawable setColorFilter colorFilter

User · Answer

I think you can actually just use Drawable setColorFilter  0xffff0000  Mode MULTIPLY     This would set white pixels to red but I don t think it would affect the transparent pixels   See Drawable setColorFilter

User · Answer

I know this question was ask way before Lollipop but I would like to add a nice way to do this on Android 5    You make an xml drawable that references the original one and set tint on it like such    lt  xml version  1 0  encoding  utf-8   gt   lt bitmap     xmlns android  http   schemas android com apk res android      android src   drawable ic back      android tint   color red tint   gt

User · Answer

It works for some simple drawables  I used it on a simple solid color rect shape with rounded corners and needed to change that color with different layouts   Try this  android backgroundTint   101010

User · Answer

Int color   Color GRAY      or int color   Color argb 123 255 0 5      or int color   0xaaff000    in XML    res values color xml   lt  xml version  1 0  encoding  utf-8  gt   lt resources gt       lt color name  colorRed  gt  ff0000 lt  color gt   lt  resoures gt     Java Code  int color   ContextCompat getColor context  R color colorRed    GradientDrawable drawableBg   yourView getBackground   mutate    drawableBg setColor color

User · Answer

This code snippet worked for me    PorterDuffColorFilter porterDuffColorFilter   new PorterDuffColorFilter getResources   getColor R color your color  PorterDuff Mode MULTIPLY    imgView getDrawable   setColorFilter porterDuffColorFilter   imgView setBackgroundColor Color TRANSPARENT

User · Answer

Too late but in case someone need it       fun setDrawableColor drawable  Drawable  color  Int   Drawable           if  Build VERSION SDK INT  gt   Build VERSION CODES Q                drawable colorFilter   BlendModeColorFilter color  BlendMode SRC ATOP              return drawable           else               drawable setColorFilter color  PorterDuff Mode SRC ATOP              return drawable

User · Answer

I was able to do this with the following code  which is taken from an activity  the layout is a very simple one  just containing an ImageView  and is not posted here    private static final int   FROM COLOR   new int   49  179  110   private static final int THRESHOLD   3   public void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout test colors        ImageView iv    ImageView  findViewById R id img       Drawable d   getResources   getDrawable RES       iv setImageDrawable adjust d       private Drawable adjust Drawable d        int to   Color RED         Need to copy to ensure that the bitmap is mutable      Bitmap src     BitmapDrawable  d  getBitmap        Bitmap bitmap   src copy Bitmap Config ARGB 8888  true       for int x   0 x  lt  bitmap getWidth   x            for int y   0 y  lt  bitmap getHeight   y                if match bitmap getPixel x  y                     bitmap setPixel x  y  to        return new BitmapDrawable bitmap      private boolean match int pixel          There may be a better way to match  but I wanted to do a comparison ignoring       transparency  so I couldn t just do a direct integer compare      return Math abs Color red pixel  - FROM COLOR 0    lt  THRESHOLD  amp  amp          Math abs Color green pixel  - FROM COLOR 1    lt  THRESHOLD  amp  amp          Math abs Color blue pixel  - FROM COLOR 2    lt  THRESHOLD

User · Answer

In your Activity you can tint your PNG image resources with a single colour   protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       myColorTint        setContentView R layout activity main      private void myColorTint         int tint   Color parseColor   0000FF       R color blue      PorterDuff Mode mode   PorterDuff Mode SRC ATOP         add your drawable resources you wish to tint to the drawables array        int drawables       R drawable ic action edit  R drawable ic action refresh        for  int id   drawables            Drawable icon   getResources   getDrawable id           icon setColorFilter tint mode             Now when you use the R drawable   it should be coloured with the desired tint  If you need additional colours then you should be able to  mutate   the drawable

User · Answer

Give this code a try   ImageView lineColorCode    ImageView convertView findViewById R id line color code   int color   Color parseColor   AE6118      The color u want              lineColorCode setColorFilter color

User · Answer

view getDrawable   mutate   setColorFilter 0xff777777  PorterDuff Mode MULTIPLY      Thanks to  sabadow

User · Answer

You should do this for all APIs   Drawable myIcon   getResources   getDrawable  R drawable button     ColorFilter filter   new LightingColorFilter  Color BLACK  Color BLACK   myIcon setColorFilter filter

User · Answer

If you have your drawable set to the ImageView you can do it with a 1 liner   yourImageView setColorFilter context getResources   getColor R color YOUR COLOR HERE

User · Answer

The new support v4 bring tint back to api 4   you can do it like this  public static Drawable setTint Drawable d  int color        Drawable wrappedDrawable   DrawableCompat wrap d       DrawableCompat setTint wrappedDrawable  color       return wrappedDrawable

User · Answer

There are so many solution but nobody suggested if the color resource xml file already have color then we can pick directly from there also as below   ImageView imageView    ImageView  findViewById R id imageview   imageView setColorFilter getString R color your color

User · Answer

It s very very simple when you use a library to do that for you  Try this library  You can call like this   Icon on holderView  color R color your color  icon R mipmap your icon  put

User · Answer

Short example to change drawable color according to isWorking field   My shape xml    lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android   gt       lt solid android color   android color holo blue bright    gt       lt corners android radius  30dp    gt       lt size         android height  15dp          android width  15dp    gt   lt  shape gt    My method to change   private Drawable getColoredDrawable int drawableResId  boolean isworking        Drawable d   getResources   getDrawable R drawable shape       ColorFilter filter   new LightingColorFilter              isworking   Color GREEN   Color RED              isworking   Color GREEN   Color RED       d setColorFilter filter       return d      Example of usage   text1 setCompoundDrawablesWithIntrinsicBounds getColoredDrawable R drawable shape  isworking     null  null  null

User · Answer

You can solve it using Android support compat libraries          mutate to not share its state with any other drawable  Drawable drawableWrap   DrawableCompat wrap drawable  mutate     DrawableCompat setTint drawableWrap  ContextCompat getColor getContext    R color your color

[android] How to change colors of a Drawable in Android?

Examples related to android

Examples related to android-drawable