Jak zmienić kolor tylnej strzałki w nowym temacie materiału?

Patrząc na źródło Toolbar i TintManager, drawable/abc_ic_ab_back_mtrl_am_alpha jest przyciemnione wartością atrybutu style colorControlNormal.

Próbowałem ustawić to w moim projekcie( z <item name="colorControlNormal">@color/my_awesome_color</item> w moim temacie), ale nadal jest dla mnie czarny.

Update :

Znalazłem. Musisz ustawić atrybut actionBarTheme (Nie actionBarStyle) z colorControlNormal.

Eg:

<style name="MyTheme" parent="Theme.AppCompat.Light">        
    <item name="actionBarTheme">@style/MyApp.ActionBarTheme</item>
    <item name="actionBarStyle">@style/MyApp.ActionBar</item>
    <!-- color for widget theming, eg EditText. Doesn't effect ActionBar. -->
    <item name="colorControlNormal">@color/my_awesome_color</item>
    <!-- The animated arrow style -->
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
</style>

<style name="MyApp.ActionBarTheme" parent="@style/ThemeOverlay.AppCompat.ActionBar">       
    <!-- THIS is where you can color the arrow! -->
    <item name="colorControlNormal">@color/my_awesome_color</item>
</style>

<style name="MyApp.ActionBarStyle" parent="@style/Widget.AppCompat.Light.ActionBar">
    <item name="elevation">0dp</item>      
    <!-- style for actionBar title -->  
    <item name="titleTextStyle">@style/ActionBarTitleText</item>
    <!-- style for actionBar subtitle -->  
    <item name="subtitleTextStyle">@style/ActionBarSubtitleText</item>

    <!-- 
    the actionBarTheme doesn't use the colorControlNormal attribute
    <item name="colorControlNormal">@color/my_awesome_color</item>
     -->
</style>

Wypróbowałem wszystkie sugestie powyżej. Jedynym sposobem, w jaki udało mi się zmienić kolor ikony nawigacji domyślną strzałkę przycisku Wstecz w moim pasku narzędzi jest ustawienie colorControlNormal w motywie bazowym w ten sposób. Prawdopodobnie ze względu na fakt, że rodzic używa motywu.AppCompat.Światło.NoActionBar

<style name="BaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
  <item name="colorControlNormal">@color/white</item> 
  //the rest of your codes...
</style>

Trzeba dodać pojedynczy atrybut do motywu paska narzędzi -

<style name="toolbar_theme" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="colorControlNormal">@color/arrow_color</item>
</style>

Zastosuj ten pasek narzędzi_theme na pasku narzędzi.

Lub

Możesz bezpośrednio zastosować do swojego motywu -

<style name="CustomTheme" parent="Theme.AppCompat.Light.NoActionBar">
  <item name="colorControlNormal">@color/arrow_color</item> 
  //your code ....
</style>

Po prostu dodaj

<item name="colorControlNormal">@color/white</item> 

Do aktualnego motywu aplikacji.

Jak wspomniano w większości poprzednich komentarzy, rozwiązaniem jest dodanie

<item name="colorControlNormal">@color/white</item> do motywu aplikacji. Ale potwierdź, że nie masz innego motywu zdefiniowanego w elemencie paska narzędzi w układzie.

     <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:elevation="4dp"
            android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

Jeśli używasz Toolbar, Możesz spróbować tego

Drawable drawable = toolbar.getNavigationIcon();
drawable.setColorFilter(ContextCompat.getColor(appCompatActivity, colorId), PorterDuff.Mode.SRC_ATOP);

Odpowiedź Carlesa jest poprawna, ale kilka metod jak getDrawable (), getColor () został przestarzały w momencie pisania tej odpowiedzi. Więc zaktualizowaną odpowiedzią będzie

Drawable upArrow = ContextCompat.getDrawable(context, R.drawable.abc_ic_ab_back_mtrl_am_alpha);
upArrow.setColorFilter(ContextCompat.getColor(context, R.color.white), PorterDuff.Mode.SRC_ATOP);
getSupportActionBar().setHomeAsUpIndicator(upArrow);

Po kilku innych zapytaniach stackoverflow stwierdziłem, że wywołanie ContextCompat.getDrawable() jest podobny do

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    return resources.getDrawable(id, context.getTheme());
} else {
    return resources.getDrawable(id);
}

I ContextCompat.getColor () {[7] } jest podobny do

public static final int getColor(Context context, int id) {
    final int version = Build.VERSION.SDK_INT;
    if (version >= 23) {
        return ContextCompatApi23.getColor(context, id);
    } else {
        return context.getResources().getColor(id);
    }
}

Link 1: ContextCompat.getDrawable()

Link 2: ContextCompat.getColor()

Na kompilacjidkversoin 25, możesz to zrobić:

Style.xml

<style name="AppTheme" parent="Theme.AppCompat.Light">
     <item name="android:textColorSecondary">@color/your_color</item>
</style>

Zmień Kolor Ikony Menu Nav

W stylu.xml:

<style name="MyMaterialTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
    <item name="android:textColor">@color/colorAccent</item>


</style>

<style name="DrawerArrowStyle" parent="@style/Widget.AppCompat.DrawerArrowToggle">
    <item name="spinBars">true</item>
    <item name="color">@color/colorPrimaryDark</item>
</style>







In Mainfests.xml :

<activity android:name=".MainActivity"
        android:theme="@style/MyMaterialTheme.Base"></activity>

Znalazłem rozwiązanie, które działa przed lizakiem. Ustaw "colorControlNormal" w "actionBarWidgetTheme", aby zmienić kolor wskaźnika homeAsUpIndicator. Modyfikowanie odpowiedzi rockgecko z góry tak aby wyglądała tak:

<style name="MyTheme" parent="Theme.AppCompat.Light">        
    <item name="actionBarTheme">@style/MyApp.ActionBarTheme</item>
    <item name="actionBarStyle">@style/MyApp.ActionBar</item>
    <!-- color for widget theming, eg EditText. Doesn't effect ActionBar. -->
    <item name="colorControlNormal">@color/my_awesome_color</item>
    <!-- The animated arrow style -->
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
    <!-- The style for the widgets on the ActionBar. -->
    <item name="actionBarWidgetTheme">@style/WidgetStyle</item>
</style>

<style name="WidgetStyle" parent="style/ThemeOverlay.AppCompat.Light">
    <item name="colorControlNormal">@color/my_awesome_color</item>
</style>

Użyj poniższej metody:

private Drawable getColoredArrow() {
    Drawable arrowDrawable = getResources().getDrawable(R.drawable.abc_ic_ab_back_mtrl_am_alpha);
    Drawable wrapped = DrawableCompat.wrap(arrowDrawable);

    if (arrowDrawable != null && wrapped != null) {
        // This should avoid tinting all the arrows
        arrowDrawable.mutate();
        DrawableCompat.setTint(wrapped, Color.GRAY);
    }

    return wrapped;
}

Teraz możesz ustawić drawable za pomocą:

getSupportActionBar().setHomeAsUpIndicator(getColoredArrow());

Innym rozwiązaniem, które może zadziałać dla Ciebie, jest nie deklarowanie paska narzędzi jako paska akcji aplikacji ( przez setActionBar lub setSupportActionBar) i ustawić ikonę z powrotem w onActivityCreated za pomocą kodu wymienionego w innej odpowiedzi na tej stronie

final Drawable upArrow = getResources().getDrawable(R.drawable.abc_ic_ab_back_mtrl_am_alpha);
upArrow.setColorFilter(getResources().getColor(R.color.grey), PorterDuff.Mode.SRC_ATOP);
toolbar.setNavigationIcon(upArrow);

Teraz, nie dostaniesz onOptionItemSelected oddzwonienie po naciśnięciu przycisku Wstecz. Możesz jednak zarejestrować się w tym celu używając setNavigationOnClickListener. To właśnie robię:

toolbar.setNavigationOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        getActivity().onBackPressed(); //or whatever you used to do on your onOptionItemSelected's android.R.id.home callback
    }
});

Nie jestem pewien, czy to zadziała, jeśli pracujesz z elementami menu.

Mieliśmy ten sam problem i chcieliśmy tylko ustawić

Aplikacja: collapseIcon

Atrybut w pasku narzędzi na końcu, którego nie znaleźliśmy, ponieważ nie jest zbyt dobrze udokumentowany:)

<android.support.v7.widget.Toolbar
         android:id="@+id/toolbar"
         android:layout_width="match_parent"
         android:layout_height="@dimen/toolbarHeight"
         app:collapseIcon="@drawable/collapseBackIcon" />

Spróbuj tego

public void enableActionBarHomeButton(AppCompatActivity appCompatActivity, int colorId){

    final Drawable upArrow = ContextCompat.getDrawable(appCompatActivity, R.drawable.abc_ic_ab_back_material);
    upArrow.setColorFilter(ContextCompat.getColor(appCompatActivity, colorId), PorterDuff.Mode.SRC_ATOP);

    android.support.v7.app.ActionBar mActionBar = appCompatActivity.getSupportActionBar();
    mActionBar.setHomeAsUpIndicator(upArrow);
    mActionBar.setHomeButtonEnabled(true);
    mActionBar.setDisplayHomeAsUpEnabled(true);
}

Wywołanie funkcji:

enableActionBarHomeButton(this, R.color.white);

Możesz programowo zmienić kolor ikony nawigacji w następujący sposób:

mToolbar.setNavigationIcon(getColoredArrow()); 

private Drawable getColoredArrow() {
        Drawable arrowDrawable = getResources().getDrawable(R.drawable.abc_ic_ab_back_mtrl_am_alpha);
        Drawable wrapped = DrawableCompat.wrap(arrowDrawable);

        if (arrowDrawable != null && wrapped != null) {
            // This should avoid tinting all the arrows
            arrowDrawable.mutate();
                DrawableCompat.setTintList(wrapped, ColorStateList.valueOf(this.getResources().getColor(R.color.your_color)));
            }
        }

        return wrapped;
}

Po prostu usuń android:homeAsUpIndicator i homeAsUpIndicator ze swojego tematu i będzie dobrze. Atrybut color w Twoim stylu DrawerArrowStyle musi być wystarczający.

Jeśli chcesz zmienić kolor przycisku strzałki dla wszystkich ikon w szablonie, po prostu Nadpisz domyślny plik w folderze do rysowania. Domyślna nazwa pliku to " abc_ic_ab_back_mtrl_am_alpha.png".

Właśnie zmieniłem motyw paska narzędzi na @style / ThemeOverlay.AppCompat.Światło

I strzała stała się ciemnoszara

            <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:gravity="center"
            app:layout_collapseMode="pin"
            app:theme="@style/ThemeOverlay.AppCompat.Light">

Chyba, że jest lepsze rozwiązanie...

To, co zrobiłem, to zrobienie @drawable/abc_ic_ab_back_mtrl_am_alpha zdjęć, które wydają się być białe, i pomalowanie ich w pożądany kolor za pomocą edytora zdjęć.