Comment changer la couleur de l'icône d'accueil de la barre d'outils

J'utilise une barre d'outils android.support.v7.widget.Toolbar et j'ai appris de ce post comment changer la couleur de l'icône du hamburger en blanc, mais la flèche haut / arrière reste une couleur sombre lorsque j'appelle

setDisplayHomeAsUpEnabled(true);

Comment puis-je rendre la flèche blanche également?

Voici à quoi ressemble ma barre d'outils lorsque j'appelle setDisplayHomeAsUpEnabled ():

... et voici la partie pertinente de mon fichier styles.xml:

<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">#194C5F</item>
    <item name="colorAccent">@color/accent</item>
    <item name="drawerArrowStyle">@style/WhiteDrawerIconStyle</item>
</style>

    <style name="WhiteDrawerIconStyle" parent="Widget.AppCompat.DrawerArrowToggle">
        <item name="spinBars">true</item>
        <item name="color">@android:color/white</item>
    </style>

Je l'ai résolu en éditant styles.xml:

<style name="ToolbarColoredBackArrow" parent="AppTheme">
    <item name="android:textColorSecondary">INSERT_COLOR_HERE</item>
</style>

... puis référencer le style dans la définition de la barre d'outils dans l'activité:

<LinearLayout
    android:id="@+id/main_parent_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/toolbar"
        app:theme="@style/ToolbarColoredBackArrow"
        app:popupTheme="@style/AppTheme"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="?attr/actionBarSize"
        android:background="?attr/colorPrimary"/>

Voici ce que vous recherchez. Mais cela change également la couleur de radioButton, etc. Vous pouvez donc utiliser un thème pour cela.

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

Je l'ai résolu par programme en utilisant ce code:

final Drawable upArrow = getResources().getDrawable(R.drawable.abc_ic_ab_back_mtrl_am_alpha);
upArrow.setColorFilter(Color.parseColor("#FFFFFF"), PorterDuff.Mode.SRC_ATOP);
getSupportActionBar().setHomeAsUpIndicator(upArrow);

Révision 1:

À partir de l'API 23 (Marshmallow), la ressource dessinable abc_ic_ab_back_mtrl_am_alphaest modifiée en abc_ic_ab_back_material.

Cette réponse peut-être trop tard, mais voici comment je le fais. Le style de la barre d'outils fera l'affaire. Créez toolbar.xml avec le code suivant.

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:local="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="?attr/actionBarSize"
android:background="?attr/colorPrimary"
android:layout_alignParentTop="true"
android:layout_gravity="bottom"
local:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
local:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

et dans le styles.xml

<style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!--
    -->
</style>

<!-- Application theme. -->
<style name="AppTheme" parent="AppBaseTheme">
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
</style>

Enfin, incluez la barre d'outils dans la mise en page

<include
        android:id="@+id/toolbar"
        layout="@layout/toolbar" />

Changez votre thème de barre d'outils en ThemeOverlay.AppCompat.Dark

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    android:orientation="vertical"
    app:theme="@style/ThemeOverlay.AppCompat.Dark">

</android.support.v7.widget.Toolbar>

et le mettre en activité

mToolbar = (Toolbar) findViewById(R.id.navigation);
setSupportActionBar(mToolbar);

   <!-- ToolBar -->
    <style name="ToolBarTheme.ToolBarStyle"    parent="ThemeOverlay.AppCompat.Dark.ActionBar">
        <item name="android:textColorPrimary">@android:color/white</item>
        <item name="android:textColor">@color/white</item>
        <item name="android:textColorPrimaryInverse">@color/white</item>
    </style>

Trop tard pour publier, cela a fonctionné pour moi de changer la couleur du bouton de retour

Eh bien, il existe un moyen plus simple de le faire

drawerToggle = new ActionBarDrawerToggle(this, drawer, toolbar, R.string.open_drawer, R.string.close_drawer);
arrow = drawerToggle.getDrawerArrowDrawable();

Puis

arrow.setColor(getResources().getColor(R.color.blue);

Au lieu de changements de style, ajoutez simplement ces deux lignes de code à votre activité.

getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setHomeAsUpIndicator(R.drawable.arrowleft);

Voici ma solution:

toolbar.navigationIcon?.mutate()?.let {
  it.setTint(theColor)
  toolbar.navigationIcon = it
}

Ou, si vous souhaitez utiliser une fonction intéressante pour cela:

fun Toolbar.setNavigationIconColor(@ColorInt color: Int) = navigationIcon?.mutate()?.let {
    it.setTint(color)
    this.navigationIcon = it
}

Usage:

toolbar.setNavitationIconColor(someColor)

Ce code fonctionne pour moi:

public static Drawable changeBackArrowColor(Context context, int color) {
    String resName;
    int res;

    resName = Build.VERSION.SDK_INT >= 23 ? "abc_ic_ab_back_material" : "abc_ic_ab_back_mtrl_am_alpha";
    res = context.getResources().getIdentifier(resName, "drawable", context.getPackageName());

    final Drawable upArrow = context.getResources().getDrawable(res);
    upArrow.setColorFilter(color, PorterDuff.Mode.SRC_ATOP);

    return upArrow;
}

...

getSupportActionBar().setHomeAsUpIndicator(changeBackArrowColor(this, Color.rgb(50, 50, 50)));               
supportInvalidateOptionsMenu();

De plus, si vous souhaitez modifier la couleur du texte de la barre d'outils:

Spannable spannableString = new SpannableString(t);
spannableString.setSpan(new ForegroundColorSpan(Color.rgb(50, 50, 50)), 0, t.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
toolbar.setText(spannableString);

Travailler de l'API 19 à 25.

Au lieu d'utiliser l'ancien identifiant " abc_ic_ab_back_material ", utilisez le nouveau abc_ic_ab_back_material dans chaque version de l'API. Je l'ai testé en 19, 21, 27 et fonctionne bien avec le code et la configuration ci-dessous.

• minSdkVersion = 17
• targetSdkVersion = 26

• compileSdkVersion = 27

  public static Drawable changeBackArrowColor(Context context, int color) {
  int res;
  res = context.getResources().getIdentifier("abc_ic_ab_back_material", "drawable", context.getPackageName());
  if (res == 0)
      return null;
  final Drawable upArrow = ContextCompat.getDrawable(context, res);
  upArrow.setColorFilter(ContextCompat.getColor(context, color), PorterDuff.Mode.SRC_ATOP);
  
  return upArrow;

  }

Essayez ceci: définissez le thème de la barre d'outils dans votre mise en page comme suit

android:theme = "@android:style/ThemeOverlay.Material.Dark.ActionBar"

Si vous souhaitez plus d'informations

Le cas curieux du Overflow Icon Color de Martin Bonnin