更改材质工具栏中溢出菜单图标的颜色

Question

我想根据android:theme值更改材质工具栏中的溢出菜单图标颜色。

在此示例中，我的搜索图标通过与app:actionViewClass属性实现相关的一些魔术受到工具栏主题的影响，但我的信息图标不受影响。

我的工具栏：

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.appbar.AppBarLayout
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:fitsSystemWindows="true"
app:liftOnScroll="true">
<com.google.android.material.appbar.MaterialToolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:theme="@style/ThemeOverlay.MaterialComponents.Dark.ActionBar"
style="@style/Widget.MaterialComponents.Toolbar.Primary"
app:title="@string/app_name"
app:menu="@menu/menu_main"
app:layout_scrollFlags="scroll|enterAlways|snap"/>
</com.google.android.material.appbar.AppBarLayout>

我的菜单：

<?xml version="1.0" encoding="utf-8"?>
<menu
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/action_search"
android:icon="@drawable/ic_search_24dp"
app:showAsAction="always"
app:actionViewClass="androidx.appcompat.widget.SearchView"
android:title="TODO" />
<item android:id="@+id/action_info"
android:icon="@drawable/ic_info_24dp"
app:showAsAction="always"
android:title="TODO" />
</menu>

是否存在简单的解决方案？

Answer 1

您可以使用：

<com.google.android.material.appbar.MaterialToolbar
style="@style/Widget.MaterialComponents.Toolbar.Primary"
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>

Answer 2

您可以转到材质组件文档，其中包含有关从库中设置视图每个部分样式的大量信息。

在这种情况下，动作图标色调似乎是由colorControlNormal属性设置的。

文档 - 热门应用栏

Answer 3

也许这个答案来得太晚了，但以防万一其他人需要它，我会在这里发布我的答案。

如果您将属性主题设置为应用栏布局而不是材料工具栏，则您面临的问题将得到解决。

因此，在代码中，工具栏应如下所示：

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.appbar.AppBarLayout
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:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.MaterialComponents.Dark.ActionBar"
app:liftOnScroll="true">
<com.google.android.material.appbar.MaterialToolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
style="@style/Widget.MaterialComponents.Toolbar.Primary"
app:title="@string/app_name"
app:menu="@menu/menu_main"
app:layout_scrollFlags="scroll|enterAlways|snap"/>
</com.google.android.material.appbar.AppBarLayout>

希望这对任何人都有帮助！

Answer 4

关于Actionbar Toolbar MaterialToolbar有很多答案，但示例方式是在代码中设置图标颜色。以下是一些代码，向您展示如何在活动中设置图标颜色：

override fun onCreateOptionsMenu(menu: Menu): Boolean {
menuInflater.inflate(R.menu.menu_activity_main, menu)
val iconColor = ContextCompat.getColor(this, R.color.toolbar_action_menu_icon)
for (index in 0 until menu.size) {
val menuItem = menu.getItem(index)
DrawableCompat.setTint(
menuItem.icon,
iconColor
)
}
return true
}

menu_activity_main是菜单文件，toolbar_action_menu_icon是用color.xml文件定义的菜单图标颜色。