色调菜单图标

时间:2014-06-19 07:40:34

标签: android xml menu

我正在制作Android应用,我使用操作栏图标包中的图标在操作栏中使用。我通过menu文件夹中的xml文件定义它们。 有没有办法去" tint"这些图标使它们都是一样的颜色? 到目前为止,我必须使用图像编辑软件手动完成,但如果我决定改变颜色,我必须重新做一遍。

我知道android:tint有一个ImageView属性,但我还没有找到将其用于菜单图标的方法。

由于

4 个答案:

答案 0 :(得分:44)

可能有更好的方法可以做到这一点,但一种选择是在代码中重绘图标。

假设您有一个收藏夹的菜单项,并希望将其着色为灰色:

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

答案 1 :(得分:14)

如果图标的原始来源是光栅图像,则可以将其<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"/>

然后将此drawable用于菜单项:

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

答案 2 :(得分:6)

现在您可以使用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);

答案 3 :(得分:0)

要改进,您可以在utils类中创建静态方法,并在每次需要时使用该方法。

--------定义你的方法----------------------------------- < / p>

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