Change fill color on vector asset in Android Studio

Question

Android Studio now supports vector assets on 21  and will generate pngs for lower versions at compile time   I have a vector asset  from the Material Icons  that I want to change the fill color   This works on 21   but the generated pngs do not change color   Is there a way to do this    lt vector android height  48dp  android viewportHeight  24 0  android viewportWidth  24 0  android width  48dp  xmlns android  http   schemas android com apk res android  gt   lt path android fillColor   color primary  android pathData  M9 16 17L4 83 12l-1 42 1 41L9 19 21 7l-1 41 -1 41z   gt

User · Answer

Android studio now supports vectors pre-lollipop. No PNG conversion. You can still change your fill color and it will work.

In you ImageView, use

 app:srcCompat="@drawable/ic_more_vert_24dp"

In your gradle file,

 // Gradle Plugin 2.0+  
 android {  
   defaultConfig {  
     vectorDrawables.useSupportLibrary = true  
   }  
 }  

 compile 'com.android.support:design:23.4.0'

User · Answer

Don t edit the vector assets directly  If you re using a vector drawable in an ImageButton  just choose your color in android tint    lt ImageButton         android layout width  48dp          android layout height  48dp          android id    id button          android src   drawable ic more vert 24dp          android tint   color primary    gt

User · Answer

Go to you MainActivity java and below this code  - gt  NavigationView navigationView   findViewById R id nav view   Add single line of code - gt  navigationView setItemIconTintList null   i e  the last line of my code I hope this might solve your problem  public class MainActivity extends AppCompatActivity        private AppBarConfiguration mAppBarConfiguration       Override     protected void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           setContentView R layout activity main            Toolbar toolbar   findViewById R id toolbar           setSupportActionBar toolbar            DrawerLayout drawer   findViewById R id drawer layout           NavigationView navigationView   findViewById R id nav view           navigationView setItemIconTintList null

User · Answer

Add this library to the Gradle to enable color vector drawable in old android Devices   compile  com android support palette-v7 26 0 0-alpha1    and re sync gradle  I think it will solve the problem

User · Answer

if you look to support old version pre lolipop   use the same xml code with some changes  instead of normal ImageView -- gt  AppCompatImageView  instead of android src      -- gt  app srcCompat  here is example   lt android support v7 widget AppCompatImageView         android layout width  48dp          android layout height  48dp          android id    id button          app srcCompat   drawable ic more vert 24dp          android tint   color primary    gt    dont forget update your gradle as   Sayooj Valsan mention       Gradle Plugin 2 0     android        defaultConfig          vectorDrawables useSupportLibrary   true                 compile  com android support design 23 4 0     Notice  To any one use vector dont ever ever never give your vector reference to color like this one android fillColor   color primary  give its hex value

User · Answer

As said in other answers  don t edit the vector drawable directly  instead you can tint in java code  like that       mWrappedDrawable   mDrawable mutate        mWrappedDrawable   DrawableCompat wrap mWrappedDrawable       DrawableCompat setTint mWrappedDrawable  mColor       DrawableCompat setTintMode mWrappedDrawable  PorterDuff Mode SRC IN     And for the sake of simplicity  I have created a helper class   import android content Context  import android graphics PorterDuff  import android graphics drawable Drawable  import android os Build  import android support annotation ColorRes  import android support annotation DrawableRes  import android support annotation NonNull  import android support v4 content ContextCompat  import android support v4 graphics drawable DrawableCompat  import android view MenuItem  import android view View  import android widget ImageView            link Drawable  helper class         author Filipe Bezerra     version 18 01 2016     since 18 01 2016     public class DrawableHelper        NonNull Context mContext       ColorRes private int mColor      private Drawable mDrawable      private Drawable mWrappedDrawable       public DrawableHelper  NonNull Context context            mContext   context             public static DrawableHelper withContext  NonNull Context context            return new DrawableHelper context              public DrawableHelper withDrawable  DrawableRes int drawableRes            mDrawable   ContextCompat getDrawable mContext  drawableRes           return this             public DrawableHelper withDrawable  NonNull Drawable drawable            mDrawable   drawable          return this             public DrawableHelper withColor  ColorRes int colorRes            mColor   ContextCompat getColor mContext  colorRes           return this             public DrawableHelper tint             if  mDrawable    null                throw new NullPointerException     preciso informar o recurso drawable pelo m  todo withDrawable                         if  mColor    0                throw new IllegalStateException     necess  rio informar a cor a ser definida pelo m  todo withColor                         mWrappedDrawable   mDrawable mutate            mWrappedDrawable   DrawableCompat wrap mWrappedDrawable           DrawableCompat setTint mWrappedDrawable  mColor           DrawableCompat setTintMode mWrappedDrawable  PorterDuff Mode SRC IN            return this              SuppressWarnings  deprecation       public void applyToBackground  NonNull View view            if  mWrappedDrawable    null                throw new NullPointerException     preciso chamar o m  todo tint                         if Build VERSION SDK INT  gt   Build VERSION CODES JELLY BEAN                view setBackground mWrappedDrawable             else               view setBackgroundDrawable mWrappedDrawable                        public void applyTo  NonNull ImageView imageView            if  mWrappedDrawable    null                throw new NullPointerException     preciso chamar o m  todo tint                         imageView setImageDrawable mWrappedDrawable              public void applyTo  NonNull MenuItem menuItem            if  mWrappedDrawable    null                throw new NullPointerException     preciso chamar o m  todo tint                         menuItem setIcon mWrappedDrawable              public Drawable get             if  mWrappedDrawable    null                throw new NullPointerException     preciso chamar o m  todo tint                         return mWrappedDrawable            To use just do the following       DrawableHelper              withContext this               withColor R color white               withDrawable R drawable ic search 24dp               tint                applyTo mSearchItem     Or       final Drawable drawable   DrawableHelper              withContext this               withColor R color white               withDrawable R drawable ic search 24dp               tint                get         actionBar setHomeAsUpIndicator drawable

User · Answer

If the vectors are not showing individually set colors using fillColor then they may be being set to a default widget parameter   Try adding app itemIconTint   color lime  to activity main xml to set a default color type for the widget icons    lt  xml version  1 0  encoding  utf-8   gt   lt android support v4 widget DrawerLayout xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      xmlns tools  http   schemas android com tools      android id    id drawer layout      android layout width  match parent      android layout height  match parent      android fitsSystemWindows  true      tools openDrawer  start  gt        lt include         layout   layout app bar main          android layout width  match parent          android layout height  match parent    gt        lt android support design widget NavigationView         android id    id nav view          android layout width  wrap content          android layout height  match parent          android layout gravity  start          android fitsSystemWindows  true          app headerLayout   layout nav header main          app itemIconTint   color lime          app menu   menu activity main drawer    gt    lt  android support v4 widget DrawerLayout gt    VectorDrawable   developers android

User · Answer

To change vector image color you can directly use android tint   color colorAccent      lt ImageView         android id    id ivVectorImage          android layout width  wrap content          android layout height  wrap content          android src   drawable ic account circle black 24dp          android tint   color colorAccent    gt    To change color programatically   ImageView ivVectorImage    ImageView  findViewById R id ivVectorImage   ivVectorImage setColorFilter getResources   getColor R color colorPrimary

User · Answer

You can do it   BUT you cannot use  color references for colors    lame   otherwise it will work only for L    lt vector xmlns android  http   schemas android com apk res android      android width  24dp      android height  24dp      android viewportWidth  24 0      android viewportHeight  24 0  gt   lt path     android fillColor   FFAABB      android pathData  M15 5 14h-0 79l-0 28 -0 27C15 41 12 59 16 11 11 16 9 5 16 5 91 13 09 3 9 5 3S3 5 91 3 9 5 5 91 16 9 5 16c1 61 0 3 09 -0 59 4 23 -1 57l0 27 0 28v0 79l5 4 99L20 49 19l-4 99 -5zm-6 0C7 01 14 5 11 99 5 9 5S7 01 5 9 5 5 14 7 01 14 9 5 11 99 14 9 5 14z   gt

User · Answer

For those not using an ImageView  the following worked for me on a plain View  and hence the behaviour should replicate on any kind of view    lt View     android background   drawable ic reset      android backgroundTint   color colorLightText    gt

User · Answer

Currently the working soloution is    android fillColor   FFFFFF   Nothing worked for me except hard coding in the vector    lt vector xmlns android  http   schemas android com apk res android      android width  24dp      android height  24dp      android viewportWidth  24 0        android fillColor   FFFFFF      android viewportHeight  24 0  gt   lt path     android fillColor   FFFFFF      android pathData  M15 5 14h-0 79l-0 28 -0 27C15 41 12 59 16 11 11 16 9 5 16 5 91 13 09 3 9 5 3S3 5 91 3 9 5 5 91 16 9 5 16c1 61 0 3 09 -0 59 4 23 -1 57l0 27 0 28v0 79l5 4 99L20 49 19l-4 99 -5zm-6 0C7 01 14 5 11 99 5 9 5S7 01 5 9 5 5 14 7 01 14 9 5 11 99 14 9 5 14z   gt      However  fillcolor and tint might work soon  Please see this discussion for more information   https   code google com p android issues detail id 186431  Also the colors mighr stick in the cache so deleting app for all users might help

User · Answer

Update  AppCompat support Other answers suspecting if android tint will work on only 21  devices only  AppCompat v23 2 0 and above  now provides a backward compatible handling of tint attribute  So  the course of action would be to use AppCompatImageView and app srcCompat in AppCompat namespace  instead of android src Android namespace   Here is an example AndroidX  This is androidx appcompat widget AppCompatImageView       lt android support v7 widget AppCompatImageView         android id  quot   id credits material icon quot          android layout width  quot 20dp quot          android layout height  quot 20dp quot          android layout marginBottom  quot 8dp quot          android layout marginLeft  quot 16dp quot          android layout marginStart  quot 16dp quot          android scaleType  quot fitCenter quot          android tint  quot  ffd2ee quot          app layout constraintBottom toBottomOf  quot parent quot          app layout constraintLeft toLeftOf  quot parent quot          app srcCompat  quot  drawable ic dollar coin stack quot    gt   And don t forget to enable vector drawable support in gradle  vectorDrawables useSupportLibrary   true

[android] Change fill color on vector asset in Android Studio

Examples related to android

Examples related to android-studio

Examples related to vector-graphics

Examples related to android-vectordrawable