如何更改工具栏导航和溢出菜单图标(appcompat v7)?

新手上路,请多包涵

我在使用 v7 工具栏时遇到了困难。曾经对于 ActionBar 来说是一项简单的任务,现在看来过于复杂了。无论我设置什么样式,我都无法更改导航图标(打开抽屉)或溢出菜单图标(打开菜单)。

所以我有一个 Toolbar

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

我编码它看起来像这样

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

现在,我需要为这两个图标更改 Drawable

我如何为 compat v7 Toolbar 执行此操作?我想我需要更改抽屉打开时可见的箭头(Android 5.0)。

原文由 sandalone 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 723
2 个回答

要更改 导航图标,您可以使用:

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

要更改 溢出图标,您可以使用以下方法:

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

如果您想 更改图标的颜色,您可以使用:

使用 Material Components 主题(例如使用 MaterialToolbar ):

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


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


您还可以更改覆盖应用程序主题中的溢出图标 actionOverflowButtonStyle 属性:

使用 Material Components 主题:

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

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

原文由 Gabriele Mariotti 发布,翻译遵循 CC BY-SA 4.0 许可协议

mToolbar.setNavigationIcon(R.mipmap.ic_launcher);
mToolbar.setOverflowIcon(ContextCompat.getDrawable(this, R.drawable.ic_menu));

原文由 androidmalin 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏