在AppCompat工具栏菜单项着色 [英] MenuItem tinting on AppCompat Toolbar

问题描述

当我使用了 AppCompat 库我的工具栏菜单项的着色作品可绘制预期。像这样的：

When I use drawables from the AppCompat library for my Toolbar menu items the tinting works as expected. Like this:

<item
    android:id="@+id/action_clear"
    android:icon="@drawable/abc_ic_clear_mtrl_alpha"  <-- from AppCompat
    android:title="@string/clear" />

但是，如果我用我自己的可绘制或实际甚至从 AppCompat 库复制可绘制到我自己的项目也不会着色的。

But if I use my own drawables or actually even copy the drawables from the AppCompat library to my own project it will not tint at all.

<item
    android:id="@+id/action_clear"
    android:icon="@drawable/abc_ic_clear_mtrl_alpha_copy"  <-- copy from AppCompat
    android:title="@string/clear" />

有没有一些特殊的魔力，在 AppCompat 工具栏从该库只色调可绘？什么办法让这对我自己可绘制工作？

Is there some special magic in the AppCompat Toolbar that only tint drawables from that library? Any way to get this to work with my own drawables?

与 compileSdkVersion = 21 的API等级19设备运行此和 targetSdkVersion = 21 ，并且还使用了从 AppCompat

Running this on API Level 19 device with compileSdkVersion = 21 and targetSdkVersion = 21, and also using everything from AppCompat

abc_ic_clear_mtrl_alpha_copy 是完全相同的副本 abc_ic_clear_mtrl_alpha 从 AppCompat

abc_ic_clear_mtrl_alpha_copy is an exact copy of the abc_ic_clear_mtrl_alpha png from AppCompat

编辑：

的着色是基于我已经为 Android的价值：textColorPrimary 在我的主题

The tinting is based on the value I have set for android:textColorPrimary in my theme.

例如。 ＆LT;项目名称=机器人：textColorPrimary＆GT;＃00FF00＆LT; /项目＆GT; 会给我一个绿色的色调的颜色

E.g. <item name="android:textColorPrimary">#00FF00</item> would give me a green tint color.

截图

如预期从AppCompat绘制着色工作

Tinting working as expected with drawable from AppCompat

着色不工作与绘制从AppCompat复制

Tinting not working with drawable copied from AppCompat

推荐答案

因为如果你看看在TintManager在AppCompat源$ C ​​$ C，你会看到：

Because if you take a look at the source code of the TintManager in AppCompat, you will see:

/**
 * Drawables which should be tinted with the value of {@code R.attr.colorControlNormal},
 * using the default mode.
 */
private static final int[] TINT_COLOR_CONTROL_NORMAL = {
        R.drawable.abc_ic_ab_back_mtrl_am_alpha,
        R.drawable.abc_ic_go_search_api_mtrl_alpha,
        R.drawable.abc_ic_search_api_mtrl_alpha,
        R.drawable.abc_ic_commit_search_api_mtrl_alpha,
        R.drawable.abc_ic_clear_mtrl_alpha,
        R.drawable.abc_ic_menu_share_mtrl_alpha,
        R.drawable.abc_ic_menu_copy_mtrl_am_alpha,
        R.drawable.abc_ic_menu_cut_mtrl_alpha,
        R.drawable.abc_ic_menu_selectall_mtrl_alpha,
        R.drawable.abc_ic_menu_paste_mtrl_am_alpha,
        R.drawable.abc_ic_menu_moreoverflow_mtrl_alpha,
        R.drawable.abc_ic_voice_search_api_mtrl_alpha,
        R.drawable.abc_textfield_search_default_mtrl_alpha,
        R.drawable.abc_textfield_default_mtrl_alpha
};

/**
 * Drawables which should be tinted with the value of {@code R.attr.colorControlActivated},
 * using the default mode.
 */
private static final int[] TINT_COLOR_CONTROL_ACTIVATED = {
        R.drawable.abc_textfield_activated_mtrl_alpha,
        R.drawable.abc_textfield_search_activated_mtrl_alpha,
        R.drawable.abc_cab_background_top_mtrl_alpha
};

/**
 * Drawables which should be tinted with the value of {@code android.R.attr.colorBackground},
 * using the {@link android.graphics.PorterDuff.Mode#MULTIPLY} mode.
 */
private static final int[] TINT_COLOR_BACKGROUND_MULTIPLY = {
        R.drawable.abc_popup_background_mtrl_mult,
        R.drawable.abc_cab_background_internal_bg,
        R.drawable.abc_menu_hardkey_panel_mtrl_mult
};

/**
 * Drawables which should be tinted using a state list containing values of
 * {@code R.attr.colorControlNormal} and {@code R.attr.colorControlActivated}
 */
private static final int[] TINT_COLOR_CONTROL_STATE_LIST = {
        R.drawable.abc_edit_text_material,
        R.drawable.abc_tab_indicator_material,
        R.drawable.abc_textfield_search_material,
        R.drawable.abc_spinner_mtrl_am_alpha,
        R.drawable.abc_btn_check_material,
        R.drawable.abc_btn_radio_material
};

/**
 * Drawables which contain other drawables which should be tinted. The child drawable IDs
 * should be defined in one of the arrays above.
 */
private static final int[] CONTAINERS_WITH_TINT_CHILDREN = {
        R.drawable.abc_cab_background_top_material
};

其中pretty的多少意味着他们有特别的resourceIds列入白名单进行着色。

Which pretty much means they have particular resourceIds whitelisted to be tinted.

不过，我想，你总能看到它们是如何着色这些图片，做同样的。它是那么容易，因为设置ColorFilter上绘制。

But I guess you can always see how they're tinting those images and do the same. It's as easy as set the ColorFilter on a drawable.

这篇关于在AppCompat工具栏菜单项着色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！