菜单图标着色

Question

我正在开发一个Android应用程序，并使用来自Action Bar图标包中的图标放置在操作栏中。我通过menu文件夹中的xml文件定义它们。 是否有一种方法可以“着色”这些图标，以使它们都是相同的颜色？ 到目前为止，我必须使用图像编辑软件手动操作，但如果我决定更改颜色，我就必须重新开始。 我知道ImageView有一个android:tint属性，但我还没有找到一种方法将其用于菜单中的图标。 谢谢

- guillaume-tgl

---

例如，是否可以为“item” XML标记创建一个属性，例如“iconTint”属性，并在程序中对应的可绘制对象上编程应用setColorFilter？ - guillaume-tgl

很难相信没有一种方法调用/样式属性可以为所有工具栏图标着色。必须迭代每个图标并非明智之举。 - Mark

Answer 1

可能有更好的方法来解决这个问题，但其中一个选项是在代码中重新绘制图标。

假设您有一个收藏夹菜单项，并想将其染成灰色：

MenuItem favoriteItem = menu.findItem(R.id.action_favorite);
Drawable newIcon = (Drawable)favoriteItem.getIcon();
newIcon.mutate().setColorFilter(Color.argb(255, 200, 200, 200), PorterDuff.Mode.SRC_IN);
favoriteItem.setIcon(newIcon);

你也可以使用类似的颜色资源，例如

newIcon.mutate().setColorFilter(getResources().getColor(R.color.myCustomTint), PorterDuff.Mode.SRC_IN);

- jimejim

Answer 2

如果图标的原始来源是光栅图像，则可以使用<bitmap>进行包装。

将此文件添加到drawable文件夹中 - settings_icon.xml：

<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/ic_action_settings"
    android:tint="@color/colorRed"/>

然后将此可绘制对象用于菜单项：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item android:id="@+id/new_game"
    android:icon="@drawable/settings_icon"
    android:title="@string/settings"
    app:showAsAction="always"/>
</menu>

- adray

---

明智的解决方案。 - Cerlin

这是静态菜单项的干净解决方案。 - box

Answer 3

现在您可以使用DrawableCompat中的着色功能，而不是使用颜色过滤器：

MenuItem favoriteItem = menu.findItem(R.id.action_favorite);
Drawable favoriteIcon = DrawableCompat.wrap(favoriteItem.getIcon());
ColorStateList colorSelector = ResourcesCompat.getColorStateList(getResources(), R.color.tinted_selector, getTheme());
DrawableCompat.setTintList(favoriteIcon, colorSelector);
favoriteItem.setIcon(favoriteIcon);

- ernazm

Answer 4

为了提高效率，您可以在一个工具类中创建一个静态方法，并在需要的时候使用该方法。

-------- 定义您的方法 -----------------------------------

public static void tintMenuIcon(Context context, MenuItem item, @ColorRes int color) {  
    Drawable normalDrawable = item.getIcon();
    Drawable wrapDrawable = DrawableCompat.wrap(normalDrawable);
    DrawableCompat.setTint(wrapDrawable, context.getResources().getColor(color));

    item.setIcon(wrapDrawable);
}

--------------------- 如何使用 -------------------------------

Override
public boolean onCreateOptionsMenu(Menu menu) {  
    getMenuInflater().inflate(R.menu.menu_main, menu);
    MenuItem menuItem = menu.findItem(R.id.action_delete);

    if (menuItem != null) {
        tintMenuIcon(MainActivity.this, menuItem, android.R.color.holo_purple);//HERE
    }

    return true;
}

我的来源是：https://futurestud.io/tutorials/android-quick-tips-8-how-to-dynamically-tint-actionbar-menu-icons

- Dagnogo Jean-François