Przyciemnianie menu na pasku narzędzi AppCompat

Ustawienie a ColorFilter (tint) na a MenuItem jest proste. Oto przykład:

Drawable drawable = menuItem.getIcon();
if (drawable != null) {
    // If we don't mutate the drawable, then all drawable's with this id will have a color
    // filter applied to it.
    drawable.mutate();
    drawable.setColorFilter(color, PorterDuff.Mode.SRC_ATOP);
    drawable.setAlpha(alpha);
}

Powyższy kod jest bardzo pomocny, jeśli chcesz obsługiwać różne motywy i nie chcesz mieć dodatkowych kopii tylko dla koloru lub przezroczystości.

Kliknij tutaj aby Klasa pomocnicza ustawiała ColorFilter na wszystkich rysunkach w menu, łącznie z ikoną przepełnienia.

W onCreateOptionsMenu(Menu menu) wystarczy zadzwonić MenuColorizer.colorMenu(this, menu, color); po napompowaniu menu i voila; ikony są przyciemnione.

Po nowej bibliotece wsparcia v22. 1, możesz użyć czegoś podobnego do tego:

  @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_home, menu);
        Drawable drawable = menu.findItem(R.id.action_clear).getIcon();

        drawable = DrawableCompat.wrap(drawable);
        DrawableCompat.setTint(drawable, ContextCompat.getColor(this,R.color.textColorPrimary));
        menu.findItem(R.id.action_clear).setIcon(drawable);
        return true;
    }

Osobiście wolałem takie podejście od tego linku

Utwórz układ XML o następującej treści:

<?xml version="1.0" encoding="utf-8"?>
<bitmap
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/ic_action_something"
    android:tint="@color/color_action_icons_tint"/>

I odwołaj się do tego z menu:

<item
    android:id="@+id/option_menu_item_something"
    android:icon="@drawable/ic_action_something_tined"

Większość rozwiązań w tym wątku albo używa nowszego API, albo używa reflection, albo używa intensywnego wyszukiwania widoku, aby dostać się do napompowanego MenuItem.

Jest jednak bardziej eleganckie podejście do tego. Potrzebujesz niestandardowego paska narzędzi, ponieważ twój przypadek użycia "Zastosuj Niestandardowy odcień" nie gra dobrze z publicznym interfejsem API stylizacji/motywów.

public class MyToolbar extends Toolbar {
    ... some constructors, extracting mAccentColor from AttrSet, etc

    @Override
    public void inflateMenu(@MenuRes int resId) {
        super.inflateMenu(resId);
        Menu menu = getMenu();
        for (int i = 0; i < menu.size(); i++) {
            MenuItem item = menu.getItem(i);
            Drawable icon = item.getIcon();
            if (icon != null) {
                item.setIcon(applyTint(icon));
            }
        }
    }
    void applyTint(Drawable icon){
        icon.setColorFilter(
           new PorterDuffColorFilter(mAccentColor, PorterDuff.Mode.SRC_IN)
        );
    }

}

Po prostu upewnij się, że zadzwonisz do swojej aktywności/kodu fragmentu:

toolbar.inflateMenu(R.menu.some_menu);
toolbar.setOnMenuItemClickListener(someListener);

Brak refleksji, brak wyszukiwania widoku, i nie tyle Kod, co?

And now you można zignorować Śmieszne onCreateOptionsMenu/onOptionsItemSelected.

Oto rozwiązanie, które używam; można wywołać go po onprepareoptionsmenu() lub równoważne miejsce. Powodem mutate () jest użycie ikon w więcej niż jednym miejscu; bez mutate wszystkie przybierają ten sam odcień.

public class MenuTintUtils {
    public static void tintAllIcons(Menu menu, final int color) {
        for (int i = 0; i < menu.size(); ++i) {
            final MenuItem item = menu.getItem(i);
            tintMenuItemIcon(color, item);
            tintShareIconIfPresent(color, item);
        }
    }

    private static void tintMenuItemIcon(int color, MenuItem item) {
        final Drawable drawable = item.getIcon();
        if (drawable != null) {
            final Drawable wrapped = DrawableCompat.wrap(drawable);
            drawable.mutate();
            DrawableCompat.setTint(wrapped, color);
            item.setIcon(drawable);
        }
    }

    private static void tintShareIconIfPresent(int color, MenuItem item) {
        if (item.getActionView() != null) {
            final View actionView = item.getActionView();
            final View expandActivitiesButton = actionView.findViewById(R.id.expand_activities_button);
            if (expandActivitiesButton != null) {
                final ImageView image = (ImageView) expandActivitiesButton.findViewById(R.id.image);
                if (image != null) {
                    final Drawable drawable = image.getDrawable();
                    final Drawable wrapped = DrawableCompat.wrap(drawable);
                    drawable.mutate();
                    DrawableCompat.setTint(wrapped, color);
                    image.setImageDrawable(drawable);
                }
            }
        }
    }
}

To nie zajmie się przepełnieniem, ale za to możesz to zrobić:

Układ:

<android.support.v7.widget.Toolbar
    ...
    android:theme="@style/myToolbarTheme" />

Style:

<style name="myToolbarTheme">
        <item name="colorControlNormal">#FF0000</item>
</style>

To działa od appcompat v23. 1. 0.