如何为导航抽屉的菜单项添加颜色？

Question

我正在创建导航抽屉，我看到playtore有彩色菜单图标 我想知道我该怎么做。 我试图通过colorFilter在菜单图标上应用颜色，但app force关闭

这是我的代码

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<group
    android:id="@+id/grp1"
    android:checkableBehavior="single">
    <item
        android:id="@+id/navigation_songs"
        android:checked="true"
        android:icon="@drawable/ic_audiotrack_white_24dp"
        android:title="@string/songs" />
    <item
        android:id="@+id/navigation_albums"
        android:icon="@drawable/ic_album_white_24dp"
        android:title="@string/albums" />
    <item
        android:id="@+id/navigation_artist"
        android:icon="@drawable/ic_person_white_24dp"
        android:title="@string/artists" />
    <item
        android:id="@+id/navigation_playlist"
        android:icon="@drawable/ic_playlist_play_white_24dp"
        android:title="@string/playlist" />
</group>
<group
    android:id="@+id/grp2"
    android:checkableBehavior="none">
    <item
        android:id="@+id/navigation_about"
        android:icon="@drawable/ic_info_white_24dp"
        android:title="@string/about" />
    <item
        android:id="@+id/navigation_settings"
        android:icon="@drawable/ic_settings_white_24dp"
        android:title="@string/settings" />
</group>
</menu>

Answer 1

1. 要将所有图标刷成特定颜色，您需要将app:itemIconTint添加到NavigationView：

   <android.support.design.widget.NavigationView
        ........
        app:itemIconTint="<your color>"/>
   

   

2. 仅用2种颜色

   刷你的图标

   创建一个选择器：

   <?xml version="1.0" encoding="utf-8"?>
   <selector xmlns:android="http://schemas.android.com/apk/res/android">
       <item android:color="#0000FF" android:state_checked= "true" />
       <item android:color="#FF0000" />
   </selector>
   

   并将其作为app:itemIconTint中的NavigationView：

   <android.support.design.widget.NavigationView
        ........
        app:itemIconTint="@drawable/tint_color_selector"/>
   

   最后一步 - 将android:checked="true"添加到抽屉菜单xml中的MenuItems，您想要刷不同的内容：

    <item
       android:id="@+id/nav_slideshow"
       android:checked="true"
       android:icon="@drawable/ic_menu_slideshow"
       android:title="Slideshow" />
   

   

3. 要刷显不同颜色的所有图标，例如Google在Google Play中的颜色：

   禁用图标着色：

     navigationView.setItemIconTintList(null);
   

   将您想要的图标添加到res/drawable，并在菜单的xml中将其指定为android:icon。 （我可以推荐一个很好的服务，为Android图标icons8.com/web-app/new-icons/android）

   

   您可以绘制现有的彩色图标，而不是上传新的彩色图标，但它非常黑客：

       Drawable oldIcon = navigationView
               .getMenu()
               .findItem(R.id.nav_gallery)
               .getIcon();
   
       if (!(oldIcon instanceof BitmapDrawable)) {
           return;
       }
   
       Bitmap immutable = ((BitmapDrawable)oldIcon).getBitmap();
       Bitmap mutable = immutable.copy(Bitmap.Config.ARGB_8888, true);
       Canvas c = new Canvas(mutable);
       Paint p = new Paint();
       p.setColor(Color.RED);
       p.setColorFilter(new PorterDuffColorFilter(Color.RED, PorterDuff.Mode.MULTIPLY));
       c.drawBitmap(mutable, 0.f, 0.f, p);
       BitmapDrawable newIcon = new BitmapDrawable(getResources(), mutable);
   
       navigationView
               .getMenu()
               .findItem(R.id.nav_gallery)
               .setIcon(newIcon);
   

   小心！在模板项目的res/drawables-v21中，Google使用VectorDrawable而不是旧BitmapDrawables，因此此代码无法在那里工作。

我希望，这有帮助。