Android Quick Tips #8 — How to Dynamically Tint Actionbar Menu Icons

原文by Norman Peitek 翻译by Dexter0218

动态着色菜单项

如果你正在开发一个Android应用，你肯定在使用Actionbar里的菜单，像这样的：

menu items

你应该知道,你可能需要一个XML资源描述你的菜单。为了截图和下面的例子，你创建了下面的简单的菜单：

接着，我们需要在Activity里创建菜单，这也是标准Android代码：

public class MainActivity extends AppCompatActivity {

    ...

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);

        return true;
    }

    ...
}

好吧，上面是添加一个菜单项到你的Actionbar的基础。在我们的例子里，我们使用一个标准的drawable资源作为图标。不幸地，只能用红色。如果你需要其他颜色，你必须把它发给你的设计师，让她重新设计你需要的颜色。

但是不必啦！这个的tintMenuIcon()方法将actionbar菜单项的图标，并应用新的颜色:

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

我们让这个功能变为static的，所以你可以把它移动到你的Utils类里，然后可以从你的app里任意地方调用。我们也会传递菜单和我们希望的颜色。当然，你可以传任意颜色给他，你可以在运行时决定！

缺失的最后一部分是什么时候调用tintMenuIcon()方法。我们推荐在onCreateOptionsMenu()方法里做：

@Override
public boolean onCreateOptionsMenu(Menu menu) {  
    // Inflate the menu; this adds items to the action bar if it is present.
    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);
    }

    return true;
}

menu.findItem()会获取你需要的特定的菜单，然后，如果Android找到了它，它会将与期望的颜色一并传递给我们的tintMenuIcon()方法。

wished color

当然，你可以用这个技术去让你的菜单五颜六色：

@Override
public boolean onCreateOptionsMenu(Menu menu) {  
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.menu_main, menu);

    MenuItem menuItemDelete = menu.findItem(R.id.action_delete);
    MenuItem menuItemAdd = menu.findItem(R.id.action_add);

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

    if (menuItemAdd != null) {
        tintMenuIcon(MainActivity.this, menuItemAdd, android.R.color.holo_green_dark);
    }

    return true;
}

我们希望这段代码对你有帮助。我们的设计师再也不用花费时间提供同一图片的不同颜色的版本，并且我们也不要再慢慢等这些资源了！太棒了！！

如果这段代码对你有用，你也有类似的快速技巧，在评论里分享出来吧~