How to change Toolbar Navigation and Overflow Menu icons appcompat v7

Question

I am having a hard time with v7 Toolbar  What was once a simple task for ActionBar  now seems overly complex  No matter what style I set  I cannot change either navigation icon  which opens a Drawer  or overflow menu icon  which opens a menu     So I have a Toolbar   lt android support v7 widget Toolbar     xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android layout width  match parent      android layout height  wrap content      android background   color ghex      android minHeight   attr actionBarSize      app theme   style ThemeOverlay AppCompat Light      app popupTheme   style ThemeOverlay AppCompat Light       gt    I code it looks like this    before in the code I do mToolbar    Toolbar  findViewById R id toolbar    private void initToolbar         setSupportActionBar mToolbar       getSupportActionBar   setDisplayShowTitleEnabled false       getSupportActionBar   setDisplayHomeAsUpEnabled true       getSupportActionBar   setHomeButtonEnabled true       Now  I need to change the Drawable for those two icons     How do I do this for compat v7 Toolbar  I guess I would need to change the arrow visible when the drawer is open  Android 5 0

User · Answer

All the above solutions worked for me in API 21 or greater  but did not in API 19  KitKat   Making a small change did the trick for me in the earlier versions  Notice Widget Holo instead of Widget AppCompat   lt style name  OverFlowStyle     parent   android style Widget Holo ActionButton Overflow  gt       lt item name  android src  gt  drawable ic overflow lt  item gt   lt  style gt

User · Answer

if you want to change menu item icons  arrow icon  back up   and 3 dots icon you can use android tint     lt style name  ToolbarTheme  parent  ThemeOverlay AppCompat Dark ActionBar  gt       lt item name  android tint  gt  color your color lt  item gt     lt  style gt

User · Answer

For right menu you can do it       public static Drawable setTintDrawable Drawable drawable   ColorInt int color                drawable clearColorFilter                drawable setColorFilter color  PorterDuff Mode SRC IN               drawable invalidateSelf                Drawable wrapDrawable   DrawableCompat wrap drawable  mutate                DrawableCompat setTint wrapDrawable  color               return wrapDrawable                 And in your activity    Override  public boolean onCreateOptionsMenu Menu menu            getMenuInflater   inflate R menu menu profile  menu           Drawable send   menu findItem R id send           Drawable msg   menu findItem R id message           DrawableUtils setTintDrawable send getIcon    Color WHITE           DrawableUtils setTintDrawable msg getIcon    Color WHITE           return true          This is the result

User · Answer

if you want to change your icons to a Vector   create a new one  and then in your Activity java    Toolbar toolbar   findViewById R id your toolbar   setSupportActionBar toolbar   getSupportActionBar   setDisplayHomeAsUpEnabled true   toolbar setNavigationIcon R drawable your icon   mToolbar setOverflowIcon ContextCompat getDrawable this  R drawable your icon2      To change Vector icon Color  go to your Vector XML file   in this case it will be your icon xml  it will look like this     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   color Your Color      android pathData  M15 41 7 41L14 6l-6 6 6 6 1 41 -1 41L10 83 12z   gt      Note that we used these attributes to set the Vector s color     android fillColor   color Your Color    Edit   You can t use a color from your colors XML or somewhere else   the color must be decalred directly in the Vector s XML file   so it will look like this     android fillColor   FFF

User · Answer

To change color for options menu items you can  override fun onCreateOptionsMenu menu  Menu    Boolean       menuInflater inflate R menu your menu  menu       menu  forEach           it icon setTint Color your color             return true

User · Answer

which theme you have used in activity add below one line code  for white   lt style name  AppTheme NoActionBar  gt         lt item name  android tint  gt  ffffff lt  item gt     lt  style gt   or    lt style name  AppThemeName  parent  Theme AppCompat Light DarkActionBar  gt   lt item name  android tint  gt  ffffff lt  item gt   lt  style gt    for black       lt style name  AppTheme NoActionBar  gt         lt item name  android tint  gt  000000 lt  item gt     lt  style gt   or    lt style name  AppThemeName  parent  Theme AppCompat Light DarkActionBar  gt   lt item name  android tint  gt  000000 lt  item gt   lt  style gt

User · Answer

mToolbar setNavigationIcon R mipmap ic launcher   mToolbar setOverflowIcon ContextCompat getDrawable this  R drawable ic menu

User · Answer

In order to show the icon  use getSupportActionBar   setIcon R xxx xxx   In my case the code is -  getSupportActionBar   setIcon  R mipmap ic launcher

User · Answer

add your default theme this line       lt item name  colorControlNormal  gt  color my color lt  item gt

User · Answer

There is a simple  easy and better approach  if we need to change only the color of hamburger back icon    It is better as it changes color only of desired icon  whereas colorControlNormal and android textColorSecondary might affect other childviews of toolbar as well    lt style name  AppTheme  parent  Theme AppCompat Light NoActionBar  gt       lt item name  drawerArrowStyle  gt  style DrawerArrowStyle lt  item gt   lt  style gt    lt style name  DrawerArrowStyle  parent  Widget AppCompat DrawerArrowToggle  gt       lt item name  spinBars  gt true lt  item gt       lt item name  color  gt  android color white lt  item gt   lt  style gt

User · Answer

To change the navigation icon you can use   Toolbar toolbar    Toolbar  findViewById R id my awesome toolbar   setSupportActionBar toolbar   toolbar setNavigationIcon R drawable my icon     To change the overflow icon you can use the method   toolbar setOverflowIcon ContextCompat getDrawable this  R drawable ic my menu     If you would like to change the color of the icons you can use   with a Material Components Theme  with a MaterialToolbar for example     lt com google android material appbar MaterialToolbar     android theme   style MyThemeOverlay Toolbar          gt      lt style name  MyThemeOverlay Toolbar  parent  ThemeOverlay MaterialComponents Toolbar Primary  gt       lt  -- color used by navigation icon and overflow icon -- gt       lt item name  colorOnPrimary  gt  color myColor lt  item gt     lt  style gt      With an AppCompat Theme    lt android support v7 widget Toolbar   app theme   style ThemeToolbar    gt     lt style name  ThemeToolbar  parent  Theme AppCompat Light  gt       lt  -- navigation icon color -- gt      lt item name  colorControlNormal  gt  color my color lt  item gt        lt  -- color of the menu overflow icon -- gt       lt item name  android textColorSecondary  gt  color my color lt  item gt   lt  style gt      You can also change the overflow icon overriding in the app theme the actionOverflowButtonStyle attribute   With a Material Components Theme    lt style name  AppTheme Base  parent  Theme MaterialComponents DayNight  gt       lt item name  actionOverflowButtonStyle  gt  style OverFlow lt  item gt   lt  style gt    lt style name  OverFlow  parent  Widget AppCompat ActionButton Overflow  gt       lt item name  srcCompat  gt  drawable my overflow menu lt  item gt   lt  style gt    With an AppCompat theme    lt style name  AppTheme Base  parent  Theme AppCompat Light  gt       lt item name  actionOverflowButtonStyle  gt  style OverFlow lt  item gt   lt  style gt    lt style name  OverFlow  parent  Widget AppCompat ActionButton Overflow  gt       lt item name  srcCompat  gt  drawable my overflow menu lt  item gt   lt  style gt

[android] How to change Toolbar Navigation and Overflow Menu icons (appcompat v7)?

Examples related to android

Examples related to android-layout

Examples related to material-design

Examples related to android-appcompat

[android] How to change Toolbar Navigation and Overflow Menu icons (appcompat v7)?

Examples related to android

Examples related to android-layout

Examples related to material-design

Examples related to android-appcompat

Examples related to android-toolbar