blocks|key|4560123|text|只要从你的主题中去掉android:homeAsUpIndicator和homeAsUpIndicator就可以了。DrawerArrowStyle样式中的color属性必须足够。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4560124|entityMap^0|A|P|10|H|1M|G|26|5|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|G|$]]

Just remove <code>android:homeAsUpIndicator</code> and <code>homeAsUpIndicator</code> from your theme and it will be fine. The <code>color</code> attribute in your <code>DrawerArrowStyle</code> style must be enough.

blocks|key|53540|text|除非有更好的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53541|我所做的是使用照片编辑器将@drawable/abc_ic_ab_back_mtrl_am_alpha图像(看起来是白色)绘制成我想要的颜色。|offset|length|style|CODE|53542|entityMap^0|0|D|12|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Unless there's a better solution...

What I did is to take the <code>@drawable/abc_ic_ab_back_mtrl_am_alpha</code> images, which seem to be white, and paint them in the color I desire using a photo editor.

blocks|key|4560203|text|我找到了一个在棒棒糖之前有效的解决方案。在"actionBarWidgetTheme“中设置"colorControlNormal”以更改homeAsUpIndicator颜色。从上面修改rockgecko的答案，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4560204|<style+name="MyTheme"+parent="Theme.AppCompat.Light">++++++++
++++<item+name="actionBarTheme">@style/MyApp.ActionBarTheme</item>
++++<item+name="actionBarStyle">@style/MyApp.ActionBar</item>
++++
++++<item+name="colorControlNormal">@color/my_awesome_color</item>
++++
++++<item+name="drawerArrowStyle">@style/DrawerArrowStyle</item>
++++
++++<item+name="actionBarWidgetTheme">@style/WidgetStyle</item>
</style>

<style+name="WidgetStyle"+parent="style/ThemeOverlay.AppCompat.Light">
++++<item+name="colorControlNormal">@color/my_awesome_color</item>
</style>|code-block|syntax|javascript|4560205|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I found a solution that works pre Lollipop. Set the "colorControlNormal" within the "actionBarWidgetTheme" to change the homeAsUpIndicator color. Modifying rockgecko's answer from above to look like this:

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

&lt;style name="WidgetStyle" parent="style/ThemeOverlay.AppCompat.Light"&gt;
 &lt;item name="colorControlNormal"&gt;@color/my_awesome_color&lt;/item&gt;
&lt;/style&gt;
</code></pre>

blocks|key|4560226|text|使用下面的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4560227|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;
}|code-block|syntax|javascript|4560228|现在，您可以使用以下命令设置可绘制内容：|4560229|getSupportActionBar().setHomeAsUpIndicator(getColoredArrow());|4560230|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Use below method:

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

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

 return wrapped;
}
</code></pre>

Now you can set the drawable with:

<pre><code>getSupportActionBar().setHomeAsUpIndicator(getColoredArrow());
</code></pre>

blocks|key|53671|text|我尝试了上面所有的建议。我想要改变工具栏中导航图标默认返回按钮箭头的颜色的唯一方法是在基本主题中设置colorControlNormal，如下所示。可能是因为父进程使用的是Theme.AppCompat.Light.NoActionBar|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53672|<style+name="BaseTheme"+parent="Theme.AppCompat.Light.NoActionBar">
++<item+name="colorControlNormal">@color/white</item>+
++//the+rest+of+your+codes...
</style>|code-block|syntax|javascript|53673|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Tried all suggestions above. The only way that I managed to change the color of navigation icon default Back button arrow in my toolbar is to set colorControlNormal in base theme like this. Probably due to the fact that the parent is using Theme.AppCompat.Light.NoActionBar 

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

blocks|key|4560332|text|另一种可能适用于您的解决方案是不将您的工具栏声明为应用程序的操作栏(通过setActionBar或setSupportActionBar+)，并使用本页面另一个答案中提到的代码在onActivityCreated中设置后退图标|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4560333|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);|code-block|syntax|javascript|4560334|现在，当您按下back按钮时，将不会获得onOptionItemSelected回调。但是，您可以使用setNavigationOnClickListener进行注册。这就是我要做的：|4560335|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
++++}
});|4560336|如果您使用菜单项，我不确定它是否可以工作。|4560337|entityMap^0|10|C|1D|J|0|0|K|K|1F|S|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|14|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|R|$]]

Another solution that might work for you is to not declare your toolbar as the app's action bar ( by <code>setActionBar</code> or <code>setSupportActionBar</code> ) and set the back icon in your onActivityCreated using the code mentioned in another answer on this page

<pre><code>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);
</code></pre>

Now, you will not get the <code>onOptionItemSelected</code> callback when you press the back button. However, you can register for that using <code>setNavigationOnClickListener</code>. This is what i do: 

<pre><code>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
 }
});
</code></pre>

I'm not sure if it will work if you work with menu items.

blocks|key|53724|text|您可以通过编程方式更改导航图标的颜色，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53725|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;
}|code-block|syntax|javascript|53726|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can change the color of the navigation icon programmatically like this:

<pre><code>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 &amp;&amp; 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;
}
</code></pre>

blocks|key|4560434|text|只需添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4560435|<item+name="colorControlNormal">@color/white</item>+|code-block|syntax|javascript|4560436|添加到您当前的应用程序主题。|4560437|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Just add 

<pre><code>&lt;item name="colorControlNormal"&gt;@color/white&lt;/item&gt; 
</code></pre>

to your current app theme.

blocks|key|53783|text|正如前面大多数评论中所说的，解决方案是添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53784|<item+name="colorControlNormal">@color/white</item>到你的应用程序主题。但请确认您没有在布局的工具栏元素中定义另一个主题。|offset|length|style|CODE|53785|+++++<android.support.v7.widget.Toolbar
++++++++++++android:id="@%2Bid/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"+/>|code-block|syntax|javascript|53786|entityMap^0|0|0|1F|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

As said on most of the previous comments, the solution is to add 

<code>&lt;item name="colorControlNormal"&gt;@color/white&lt;/item&gt;</code> 
to your app theme. 
But confirm that you don´t have another theme defined in your Toolbar element on your layout.

<pre><code> &lt;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" /&gt;
</code></pre>

blocks|key|53834|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53835|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);
}|code-block|syntax|javascript|53836|函数调用：|53837|enableActionBarHomeButton(this,+R.color.white);|53838|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

try this

<pre><code>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);
}
</code></pre>

function call:

<pre><code>enableActionBarHomeButton(this, R.color.white);
</code></pre>

blocks|key|53880|text|在compileSdkVersoin+25上，您可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|53881|styles.xml|53882|<style+name="AppTheme"+parent="Theme.AppCompat.Light">
+++++<item+name="android:textColorSecondary">@color/your_color</item>
</style>|code-block|syntax|javascript|53883|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

On compileSdkVersoin 25, you could do this:

styles.xml

<pre><code>&lt;style name="AppTheme" parent="Theme.AppCompat.Light"&gt;
 &lt;item name="android:textColorSecondary"&gt;@color/your_color&lt;/item&gt;
&lt;/style&gt;
</code></pre>

blocks|key|4560626|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4560627|📷|atomic|offset|length|4560628|4560629|更改菜单导航图标颜色|4560630|4560631|4560632|4560633|在style.xml中：|4560634|<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>|code-block|syntax|javascript|4560635|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/df06bbef421ac59dcbf3ee0b40b4dd92.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/c209f3c27f894c8b3a98ddc40af52171.png^0|0|0|1|0|0|0|0|0|0|1|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@$E|16|F|17|1|18]]|A|$]]|$1|G|3|4|5|6|7|19|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1A|8|@]|9|@]|A|$]]|$1|J|3|4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|K|3|C|5|D|7|1C|8|@]|9|@$E|1D|F|1E|1|1F]]|A|$]]|$1|L|3|4|5|6|7|1G|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1H|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|1I|8|@]|9|@]|A|$R|S]]|$1|T|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|U|$V|$5|W|X|Y|A|$Z|10|11|-4]]|12|$5|W|X|Y|A|$Z|13|11|-4]]]]

<a href="https://i.stack.imgur.com/xTC39.png" rel="noreferrer"><img src="https://i.stack.imgur.com/xTC39.png" alt="enter image description here"></a>

Change Menu Nav Icon Color

<a href="https://i.stack.imgur.com/vmoCu.png" rel="noreferrer"><img src="https://i.stack.imgur.com/vmoCu.png" alt="Final convert Menu Icon Color"></a>

In style.xml :

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


&lt;/style&gt;

&lt;style name="DrawerArrowStyle" parent="@style/Widget.AppCompat.DrawerArrowToggle"&gt;
 &lt;item name="spinBars"&gt;true&lt;/item&gt;
 &lt;item name="color"&gt;@color/colorPrimaryDark&lt;/item&gt;
&lt;/style&gt;







In Mainfests.xml :

&lt;activity android:name=".MainActivity"
 android:theme="@style/MyMaterialTheme.Base"&gt;&lt;/activity&gt;
</code></pre>

blocks|key|53991|text|如果使用Toolbar，您可以尝试这样做|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|53992|Drawable+drawable+=+toolbar.getNavigationIcon();
drawable.setColorFilter(ContextCompat.getColor(appCompatActivity,+colorId),+PorterDuff.Mode.SRC_ATOP);|code-block|syntax|javascript|53993|entityMap^0|4|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

if use <code>Toolbar</code>,you can try this

<pre><code>Drawable drawable = toolbar.getNavigationIcon();
drawable.setColorFilter(ContextCompat.getColor(appCompatActivity, colorId), PorterDuff.Mode.SRC_ATOP);
</code></pre>

blocks|key|4560686|text|我刚刚将工具栏主题更改为@style/ThemeOverlay.AppCompat.Light|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4560687|箭头变成了深灰色|4560688|++++++++++++<android.support.v7.widget.Toolbar
++++++++++++android:id="@%2Bid/toolbar"
++++++++++++android:layout_width="match_parent"
++++++++++++android:layout_height="?attr/actionBarSize"
++++++++++++android:gravity="center"
++++++++++++app:layout_collapseMode="pin"
++++++++++++app:theme="@style/ThemeOverlay.AppCompat.Light">|code-block|syntax|javascript|4560689|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I just changed the toolbar theme to be @style/ThemeOverlay.AppCompat.Light 

and the arrow became dark gray

<pre><code> &lt;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"&gt;
</code></pre>

blocks|key|54063|text|这是对我有效的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|54064|将以下属性添加到您的主题中。|54065|要更改api+21上方的工具栏/操作栏向后箭头|54066|<item+name="android:homeAsUpIndicator">@drawable/your_drawable_icon</item>|code-block|syntax|javascript|54067|要更改api+21下的工具栏/操作栏向后箭头|54068|<item+name="homeAsUpIndicator">@drawable/your_drawable_icon</item>|54069|更改动作模式向后箭头的步骤|54070|<item+name="actionModeCloseDrawable">@drawable/your_drawable_icon</item>|54071|删除工具栏/操作栏阴影的步骤|54072|<item+name="android:elevation"+tools:targetApi="lollipop">0dp</item>
<item+name="elevation">0dp</item>

<item+name="android:windowContentOverlay">@null</item>|54073|更改actionbar+overflow可绘制的步骤|54074|
<item+name="actionOverflowButtonStyle">@style/MenuOverflowStyle</item>

<style+name="MenuOverflowStyle"+parent="Widget.AppCompat.ActionButton.Overflow">
<item+name="srcCompat">@drawable/ic_menu_overflow</item>|54075|​|54076|注意:使用'srcCompat‘而不是'android:src’是因为21以下的接口支持矢量绘制|54077|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|18|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|19|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|1A|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|1B|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|1C|8|@]|9|@]|A|$]]|$1|Q|3|R|5|H|7|1D|8|@]|9|@]|A|$I|J]]|$1|S|3|T|5|6|7|1E|8|@]|9|@]|A|$]]|$1|U|3|V|5|H|7|1F|8|@]|9|@]|A|$I|J]]|$1|W|3|X|5|6|7|1G|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|H|7|1H|8|@]|9|@]|A|$I|J]]|$1|10|3|11|5|6|7|1I|8|@]|9|@]|A|$]]|$1|12|3|13|5|6|7|1J|8|@]|9|@]|A|$]]|$1|14|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]]|15|$]]

This is what worked for me:

Add the below attributes to your theme.

To change toolbar/actionbar back arrow above api 21

<pre><code>&lt;item name="android:homeAsUpIndicator"&gt;@drawable/your_drawable_icon&lt;/item&gt;
</code></pre>

To change toolbar/actionbar back arrow below api 21

<pre><code>&lt;item name="homeAsUpIndicator"&gt;@drawable/your_drawable_icon&lt;/item&gt;
</code></pre>

To change action mode back arrow

<pre><code>&lt;item name="actionModeCloseDrawable"&gt;@drawable/your_drawable_icon&lt;/item&gt;
</code></pre>

To remove toolbar/actionbar shadow

<pre><code>&lt;item name="android:elevation" tools:targetApi="lollipop"&gt;0dp&lt;/item&gt;
&lt;item name="elevation"&gt;0dp&lt;/item&gt;
&lt;!--backward compatibility--&gt;
&lt;item name="android:windowContentOverlay"&gt;@null&lt;/item&gt;
</code></pre>

To change actionbar overflow drawable

<pre><code>&lt;!--under theme--&gt;
&lt;item name="actionOverflowButtonStyle"&gt;@style/MenuOverflowStyle&lt;/item&gt;

&lt;style name="MenuOverflowStyle" parent="Widget.AppCompat.ActionButton.Overflow"&gt;
&lt;item name="srcCompat"&gt;@drawable/ic_menu_overflow&lt;/item&gt;
</code></pre>



Note : 'srcCompat' is used instead of 'android:src' because of vector drawable support for api below 21

blocks|key|4560727|text|下面是我如何在材料组件中做到这一点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4560728|<style+name="AppTheme"+parent="Theme.MaterialComponents.DayNight.NoActionBar">
++++<item+name="drawerArrowStyle">@style/AppTheme.DrawerArrowToggle</item>
</style>

<style+name="AppTheme.DrawerArrowToggle"+parent="Widget.AppCompat.DrawerArrowToggle">
++++<item+name="color">@android:color/white</item>
</style>|code-block|syntax|javascript|4560729|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here's how I did it in Material Components:

<pre class="lang-xml prettyprint-override"><code>&lt;style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar"&gt;
 &lt;item name="drawerArrowStyle"&gt;@style/AppTheme.DrawerArrowToggle&lt;/item&gt;
&lt;/style&gt;

&lt;style name="AppTheme.DrawerArrowToggle" parent="Widget.AppCompat.DrawerArrowToggle"&gt;
 &lt;item name="color"&gt;@android:color/white&lt;/item&gt;
&lt;/style&gt;
</code></pre>

blocks|key|4560733|text|private+fun+setToolbarNavigationIconColor(context:+Context,+toolbar:+Toolbar?,+color:+Int)+{
++++val+drawableBack+=+toolbar?.navigationIcon
++++drawableBack?.let+{
++++++++val+drawableWrap+=+DrawableCompat.wrap(drawableBack).mutate()
++++++++DrawableCompat.setTint(
++++++++++++drawableWrap,+ContextCompat.getColor(context,+white)
++++++++)
++++++++toolbar.navigationIcon+=+drawableWrap
++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4560734|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>private fun setToolbarNavigationIconColor(context: Context, toolbar: Toolbar?, color: Int) {
 val drawableBack = toolbar?.navigationIcon
 drawableBack?.let {
 val drawableWrap = DrawableCompat.wrap(drawableBack).mutate()
 DrawableCompat.setTint(
 drawableWrap, ContextCompat.getColor(context, white)
 )
 toolbar.navigationIcon = drawableWrap
 }
}
</code></pre>

blocks|key|54119|text|我看到了所有的解决方案，但没有解决这个问题，如果你需要解决这个问题，只需在XMl文件中添加此代码，如果你但使它变暗|type|unstyled|depth|inlineStyleRanges|entityRanges|data|54120|+app:theme="@style/ThemeOverlay.AppCompat.Light"|code-block|syntax|javascript|54121|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I saw all soluation but didn't fix the problem , If you need fix the problem just add in XMl file this code if you but dark make it light
<pre><code> app:theme=&quot;@style/ThemeOverlay.AppCompat.Light&quot;
</code></pre>

I've updated my SDK to API 21 and now the back/up icon is a black arrow pointing to the left.

<img src="https://i.stack.imgur.com/FUEND.jpg" alt="Black back arrow">

I would like it to be grey. How can I do that?

In the Play Store, for example, the arrow is white.

I've done this to set some styles. I have used <code>@drawable/abc_ic_ab_back_mtrl_am_alpha</code> for <code>homeAsUpIndicator</code>. That drawable is transparent (only alpha) but the arrow is displayed in black. I wonder if I can set the color like I do in the <code>DrawerArrowStyle</code>. Or if the only solution is to create my <code>@drawable/grey_arrow</code> and use it for <code>homeAsUpIndicator</code>.

<pre><code>&lt;!-- Base application theme --&gt;
&lt;style name="AppTheme" parent="Theme.AppCompat.Light"&gt;

 &lt;item name="android:actionBarStyle" tools:ignore="NewApi"&gt;@style/MyActionBar&lt;/item&gt;
 &lt;item name="actionBarStyle"&gt;@style/MyActionBar&lt;/item&gt;

 &lt;item name="drawerArrowStyle"&gt;@style/DrawerArrowStyle&lt;/item&gt;

 &lt;item name="homeAsUpIndicator"&gt;@drawable/abc_ic_ab_back_mtrl_am_alpha&lt;/item&gt;
 &lt;item name="android:homeAsUpIndicator" tools:ignore="NewApi"&gt;@drawable/abc_ic_ab_back_mtrl_am_alpha&lt;/item&gt;
&lt;/style&gt;

&lt;!-- ActionBar style --&gt;
&lt;style name="MyActionBar" parent="@style/Widget.AppCompat.Light.ActionBar.Solid"&gt;

 &lt;item name="android:background"&gt;@color/actionbar_background&lt;/item&gt;
 &lt;!-- Support library compatibility --&gt;
 &lt;item name="background"&gt;@color/actionbar_background&lt;/item&gt;
&lt;/style&gt;

&lt;!-- Style for the navigation drawer icon --&gt;
&lt;style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle"&gt;
 &lt;item name="spinBars"&gt;true&lt;/item&gt;
 &lt;item name="color"&gt;@color/actionbar_text&lt;/item&gt;
&lt;/style&gt;
</code></pre>

My solution so far has been to take the <code>@drawable/abc_ic_ab_back_mtrl_am_alpha</code>, which seems to be white, and paint it in the color I desire using a photo editor. It works, although I would prefer to use <code>@color/actionbar_text</code> like in <code>DrawerArrowStyle</code>.

How to change color of the back arrow in the new material theme?

我已经将我的SDK更新到API 21，现在back/up图标是一个指向左侧的黑色箭头。​​我想要灰色的。我该怎么做呢？例如，在Play Store中，箭头是白色的。我这样做是为了设置一些样式。我在homeAsUpIndicator中使用过@drawable/abc_ic_ab_back_mtrl_am_alpha。该可...

问如何在新材质主题中更改后退箭头的颜色？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在新材质主题中更改后退箭头的颜色？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在新材质主题中更改后退箭头的颜色？
EN