Mengubah Toolbar Navigation & Overflow Menu icons

bundet

"Saya mengalami kesulitan dengan Toolbar v7. Apa yang dulunya merupakan tugas sederhana untuk ActionBar, sekarang tampak terlalu rumit. Saya tidak dapat mengubah ikon navigasi (yang membuka Laci) atau ikon menu luapan (yang membuka menu) apa pun gaya yang saya atur."

Berikut sample kode saya,

dalam XML

<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"
    >

dalam Java

//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);
}

Sekarang, saya perlu mengubah Drawable untuk kedua ikon tersebut.

Bagaimana cara melakukan ini untuk Toolbar compat v7? Saya kira saya perlu mengubah tanda panah yang terlihat ketika drawer terbuka (Android 5.0).

Solutip

Untuk mengubah ikon navigasi, Anda dapat menggunakan:

Toolbar toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar);
setSupportActionBar(toolbar);
toolbar.setNavigationIcon(R.drawable.my_icon);

Overflow icon:

toolbar.setOverflowIcon(ContextCompat.getDrawable(this, R.drawable.ic_my_menu);

Jika Anda ingin mengubah warna ikon, Anda dapat menggunakan Tema Komponen Material (dengan MaterialToolbar misalnya):

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

atau AppCompat

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

Anda juga dapat mengubah ikon overflow yang menggantikan atribut actionOverflowButtonStyle di tema aplikasi:

dengan Tema Komponen Material:

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

denngan AppCompat:

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

beres!