จะเปลี่ยนสีของลูกศรย้อนกลับในธีมวัสดุใหม่ได้อย่างไร

ฉันได้อัปเดต SDK เป็น API 21 แล้วและตอนนี้ไอคอนสำรอง / เป็นลูกศรสีดำชี้ไปทางซ้าย

ฉันอยากให้มันเป็นสีเทา ฉันจะทำสิ่งนั้นได้อย่างไร

ตัวอย่างเช่นใน Play Store ลูกศรจะเป็นสีขาว

ฉันได้ทำสิ่งนี้เพื่อกำหนดสไตล์ ฉันได้ใช้สำหรับ@drawable/abc_ic_ab_back_mtrl_am_alpha homeAsUpIndicatordrawable นั้นโปร่งใส (อัลฟาเท่านั้น) แต่ลูกศรจะแสดงเป็นสีดำ DrawerArrowStyleฉันสงสัยว่าฉันสามารถตั้งค่าสีเหมือนที่ผมทำใน หรือถ้าเพียงการแก้ปัญหาคือการสร้างของฉันและใช้งานได้@drawable/grey_arrowhomeAsUpIndicator

<!-- Base application theme -->
<style name="AppTheme" parent="Theme.AppCompat.Light">

    <item name="android:actionBarStyle" tools:ignore="NewApi">@style/MyActionBar</item>
    <item name="actionBarStyle">@style/MyActionBar</item>

    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>

    <item name="homeAsUpIndicator">@drawable/abc_ic_ab_back_mtrl_am_alpha</item>
    <item name="android:homeAsUpIndicator" tools:ignore="NewApi">@drawable/abc_ic_ab_back_mtrl_am_alpha</item>
</style>

<!-- ActionBar style -->
<style name="MyActionBar" parent="@style/Widget.AppCompat.Light.ActionBar.Solid">

    <item name="android:background">@color/actionbar_background</item>
    <!-- Support library compatibility -->
    <item name="background">@color/actionbar_background</item>
</style>

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

วิธีแก้ปัญหาของฉันจนถึงตอนนี้ก็คือการใช้@drawable/abc_ic_ab_back_mtrl_am_alphaซึ่งดูเหมือนจะเป็นสีขาวและทาสีด้วยสีที่ฉันต้องการโดยใช้โปรแกรมแก้ไขภาพ มันทำงานได้ แต่ผมต้องการที่จะใช้เช่นเดียวกับใน@color/actionbar_textDrawerArrowStyle

คุณสามารถบรรลุได้ด้วยรหัส รับลูกศรย้อนกลับที่วาดได้ปรับสีด้วยฟิลเตอร์และตั้งเป็นปุ่มย้อนกลับ

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);
getSupportActionBar().setHomeAsUpIndicator(upArrow);

รุ่นที่ 1:

เริ่มต้นจาก API 23 (Marshmallow) ทรัพยากร drawable จะเปลี่ยนไปabc_ic_ab_back_mtrl_am_alphaabc_ic_ab_back_material

แก้ไข:

คุณสามารถใช้รหัสนี้เพื่อให้ได้ผลลัพธ์ที่คุณต้องการ:

toolbar.getNavigationIcon().setColorFilter(getResources().getColor(R.color.blue_gray_15), PorterDuff.Mode.SRC_ATOP);

กำลังมองหาที่ToolbarและTintManagerแหล่งที่มาเป็นสีที่มีค่าของแอตทริบิวต์สไตล์drawable/abc_ic_ab_back_mtrl_am_alphacolorControlNormal

ฉันลองตั้งค่าในโครงการของฉัน (ด้วย<item name="colorControlNormal">@color/my_awesome_color</item>ในธีมของฉัน) แต่ก็ยังเป็นสีดำสำหรับฉัน

อัปเดต :

พบมัน คุณจำเป็นต้องตั้งค่าactionBarThemeแอตทริบิวต์ ( ไม่ได้ actionBarStyle ) colorControlNormalด้วย

เช่น:

<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>

ลองคำแนะนำทั้งหมดข้างต้น วิธีเดียวที่ฉันจัดการเพื่อเปลี่ยนสีของไอคอนการนำทางลูกศรปุ่มย้อนกลับเริ่มต้นในแถบเครื่องมือของฉันคือการตั้งค่า colorControlNormal ในชุดรูปแบบพื้นฐานเช่นนี้ อาจเป็นเพราะความจริงที่ว่าผู้ปกครองใช้ Theme.AppCompat.Light.NoActionBar

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

จำเป็นต้องเพิ่มคุณสมบัติเดียวในรูปแบบแถบเครื่องมือของคุณ -

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

ใช้ toolbar_theme นี้กับแถบเครื่องมือของคุณ

หรือ

คุณสามารถนำไปใช้กับธีมของคุณได้โดยตรง -

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

เพียงเพิ่ม

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

ไปที่ธีมแอปปัจจุบันของคุณ

หากใช้Toolbarคุณสามารถลอง

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

ดังที่ได้กล่าวไว้ในความคิดเห็นส่วนใหญ่ก่อนหน้านี้การแก้ปัญหาคือการเพิ่ม

<item name="colorControlNormal">@color/white</item> ในธีมแอพของคุณ แต่ยืนยันว่าคุณไม่มีธีมอื่นที่กำหนดไว้ในองค์ประกอบ Toolbar ของคุณในเลย์เอาต์ของคุณ

     <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" />

คำตอบโดย Carles เป็นคำตอบที่ถูกต้อง แต่มีไม่กี่วิธีเช่นgetDrawable (), getColor () เลิกใช้แล้วในขณะที่ฉันเขียนคำตอบนี้ ดังนั้นคำตอบที่ปรับปรุงจะเป็น

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);

ตามการสืบค้นแบบสแต็คอื่น ๆ ฉันพบว่าการเรียกContextCompat.getDrawable ()คล้ายกับ

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

และContextCompat.getColor ()คล้ายกับ

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);
    }
}

ลิงก์ 1: ContextCompat.getDrawable ()

ลิงก์ 2: ContextCompat.getColor ()

ฉันพบโซลูชันที่ใช้งานได้กับ Lollipop ก่อน ตั้งค่า "colorControlNormal" ภายใน "actionBarWidgetTheme" เพื่อเปลี่ยนสี homeAsUpIndicator การแก้ไขคำตอบของ rockgecko จากด้านบนให้เป็นดังนี้:

<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>

ใน compileSdkVersoin 25 คุณสามารถทำได้:

styles.xml

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

ใช้วิธีการด้านล่าง:

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;
}

ตอนนี้คุณสามารถตั้งค่า drawable ด้วย:

getSupportActionBar().setHomeAsUpIndicator(getColoredArrow());

เปลี่ยนสีไอคอนเมนู Nav

ใน style.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>

โซลูชันอื่นที่อาจใช้งานได้สำหรับคุณคือไม่ประกาศแถบเครื่องมือของคุณเป็นแถบการกระทำของแอป (โดยsetActionBarหรือsetSupportActionBar) และตั้งค่าไอคอนด้านหลังใน onActivityCreated โดยใช้รหัสที่กล่าวถึงในคำตอบอื่นในหน้านี้

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);

ตอนนี้คุณจะไม่ได้รับการonOptionItemSelectedติดต่อกลับเมื่อคุณกดปุ่มย้อนกลับ อย่างไรก็ตามคุณสามารถลงทะเบียนเพื่อใช้งานsetNavigationOnClickListenerได้ นี่คือสิ่งที่ฉันทำ:

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
    }
});

ฉันไม่แน่ใจว่ามันจะทำงานถ้าคุณทำงานกับรายการเมนู

เราพบปัญหาเดียวกันและทุกอย่างที่เราต้องการคือการตั้งค่า

แอป collapseIcon

คุณลักษณะในแถบเครื่องมือในตอนท้ายซึ่งเราไม่พบเพราะมันไม่ได้เป็นเอกสารที่ดีมาก :)

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

ลองนี้

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);
}

ฟังก์ชั่นการโทร:

enableActionBarHomeButton(this, R.color.white);

นี่คือสิ่งที่ได้ผลสำหรับฉัน:

เพิ่มแอตทริบิวต์ด้านล่างให้กับธีมของคุณ

ในการเปลี่ยนลูกศรกลับของ toolbar / actionbar ด้านบน API 21

<item name="android:homeAsUpIndicator">@drawable/your_drawable_icon</item>

หากต้องการเปลี่ยนลูกศรกลับของ toolbar / actionbar ด้านล่าง API 21

<item name="homeAsUpIndicator">@drawable/your_drawable_icon</item>

ในการเปลี่ยนลูกศรโหมดแอ็คชั่น

<item name="actionModeCloseDrawable">@drawable/your_drawable_icon</item>

เมื่อต้องการลบเงาแถบเครื่องมือ / actionbar

<item name="android:elevation" tools:targetApi="lollipop">0dp</item>
<item name="elevation">0dp</item>
<!--backward compatibility-->
<item name="android:windowContentOverlay">@null</item>

ในการเปลี่ยนแอคชั่นที่ล้นออกได้

<!--under theme-->
<item name="actionOverflowButtonStyle">@style/MenuOverflowStyle</item>

<style name="MenuOverflowStyle" parent="Widget.AppCompat.ActionButton.Overflow">
<item name="srcCompat">@drawable/ic_menu_overflow</item>

หมายเหตุ: 'srcCompat' ใช้แทน 'android: src' เนื่องจากการสนับสนุนเวกเตอร์ที่สามารถวาดได้สำหรับ api ด้านล่าง 21

การแก้ปัญหาง่ายมาก

เพียงใส่บรรทัดต่อไปนี้ในสไตล์ของคุณชื่อเป็นAppTheme

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

ตอนนี้โค้ด xml ทั้งหมดของคุณจะมีลักษณะตามที่แสดงด้านล่าง (สไตล์เริ่มต้น)

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

        <item name="colorPrimary">#0F0F0F</item>
        <item name="android:statusBarColor">#EEEEF0</item>
        <item name="android:windowLightStatusBar">true</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:windowActivityTransitions">true</item>

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

ฉันเพิ่งเปลี่ยนชุดรูปแบบแถบเครื่องมือเป็น @ style / ThemeOverlay.AppCompat.Light

และลูกธนูก็กลายเป็นสีเทาเข้ม

            <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">

นี่คือวิธีที่ฉันทำในส่วนประกอบวัสดุ:

<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>

คุณสามารถเปลี่ยนสีของไอคอนการนำทางโดยทางโปรแกรมดังนี้:

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;
}

เพียงลบandroid:homeAsUpIndicatorและออกhomeAsUpIndicatorจากธีมของคุณและมันก็จะดี colorแอตทริบิวต์ของคุณในDrawerArrowStyleรูปแบบที่จะต้องเพียงพอ

ถ้าไม่มีวิธีแก้ปัญหาที่ดีกว่า ...

สิ่งที่ฉันทำก็คือถ่าย@drawable/abc_ic_ab_back_mtrl_am_alphaภาพซึ่งดูเหมือนจะเป็นสีขาวและวาดภาพสีตามที่ฉันต้องการโดยใช้โปรแกรมตกแต่งภาพ