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

by

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):

<com.google.android.material.appbar.MaterialToolbar
    android:theme="@style/MyThemeOverlay_Toolbar"
    ...>

  <style name="MyThemeOverlay_Toolbar" parent="ThemeOverlay.MaterialComponents.Toolbar.Primary">
    <!-- color used by navigation icon and overflow icon -->
    <item name="colorOnPrimary">@color/myColor</item>
  </style>

With an AppCompat Theme:

<android.support.v7.widget.Toolbar
  app:theme="@style/ThemeToolbar" />


<style name="ThemeToolbar" parent="Theme.AppCompat.Light">

   <!-- navigation icon color -->
   <item name="colorControlNormal">@color/my_color</item>

    <!-- color of the menu overflow icon -->
    <item name="android:textColorSecondary">@color/my_color</item>
</style>

You can also change the overflow icon overriding in the app theme the actionOverflowButtonStyle attribute:

With a Material Components Theme:

<style name="AppTheme.Base" parent="Theme.MaterialComponents.DayNight">
    <item name="actionOverflowButtonStyle">@style/OverFlow</item>
</style>

<style name="OverFlow" parent="Widget.AppCompat.ActionButton.Overflow">
    <item name="srcCompat">@drawable/my_overflow_menu</item>
</style>

With an AppCompat theme:

<style name="AppTheme.Base" parent="Theme.AppCompat.Light">
    <item name="actionOverflowButtonStyle">@style/OverFlow</item>
</style>

<style name="OverFlow" parent="Widget.AppCompat.ActionButton.Overflow">
    <item name="srcCompat">@drawable/my_overflow_menu</item>
</style>

More Related Contents:

  1. Toolbar navigation icon never set
  2. How can I modify ripple color when using ?attr/selectableItemBackground as background?
  3. Toolbar.inflateMenu seems to do nothing
  4. How to use setOutlineProvider instead of setOutline in Lollipop
  5. What is the difference between Android Material Design UI and Android UI without material design?
  6. This Activity already has an action bar supplied by the window decor
  7. Android toolbar center title and custom font
  8. Outlined Edit Text from Material Design
  9. Android transparent status bar and actionbar
  10. How to make Toolbar transparent?
  11. No shadow by default on Toolbar?
  12. Change Toolbar color in Appcompat 21
  13. Flinging with RecyclerView + AppBarLayout
  14. Creating a SearchView that looks like the material design guidelines
  15. Toolbar and Contextual ActionBar with AppCompat-v7
  16. Error inflating class android.support.v7.widget.Toolbar?
  17. Material Design not styling alert dialogs
  18. How to use a TabLayout with Toolbar inside CollapsingToolbarLayout?
  19. How to implement the Material-design Elevation for Pre-lollipop
  20. How can I align Android Toolbar menu/icons to the left like in Google Maps app?
  21. Can’t find Toolbar in an included layout
  22. The application icon does not show on action bar
  23. Error : IllegalArgumentException: The style on this component requires your app theme to be Theme.MaterialComponents
  24. How do I style appcompat-v7 Toolbar like Theme.AppCompat.Light.DarkActionBar?
  25. How to reduce the gap between navigation icon and toolbar title?
  26. Is any difference between a MaterialButton and a simple Button?
  27. Android Material Design Datepicker with AppCompat
  28. How to create a card toolbar using appcompat v7
  29. Hide AppBar when scrolling down
  30. CollapsingToolbarLayout setTitle() does not update unless collapsed

Leave a Comment