Bagaimana cara mengubah warna panah kembali dalam tema materi baru?

Saya telah memperbarui SDK saya ke API 21 dan sekarang ikon back / up adalah panah hitam yang menunjuk ke kiri.

Saya ingin warnanya abu-abu. Bagaimana saya bisa melakukan itu?

Di Play Store, misalnya, panahnya berwarna putih.

Saya sudah melakukan ini untuk mengatur beberapa gaya. Saya telah menggunakan @drawable/abc_ic_ab_back_mtrl_am_alphauntuk homeAsUpIndicator. Drawable itu transparan (hanya alpha) tetapi panah ditampilkan dalam warna hitam. Saya ingin tahu apakah saya dapat mengatur warna seperti yang saya lakukan di DrawerArrowStyle. Atau jika satu-satunya solusi adalah membuat @drawable/grey_arrowdan menggunakannya untuk saya homeAsUpIndicator.

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

Solusi saya sejauh ini adalah mengambil @drawable/abc_ic_ab_back_mtrl_am_alpha, yang tampaknya berwarna putih, dan melukisnya dalam warna yang saya inginkan menggunakan editor foto. Ini bekerja, meskipun saya lebih suka menggunakan @color/actionbar_textsuka di DrawerArrowStyle.

Anda dapat mencapainya melalui kode. Dapatkan panah belakang yang dapat digambar, modifikasi warnanya dengan filter, dan atur sebagai tombol kembali.

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

Revisi 1:

Mulai dari API 23 (Marshmallow) sumber yang dapat ditarik abc_ic_ab_back_mtrl_am_alphadiubah ke abc_ic_ab_back_material.

EDIT:

Anda dapat menggunakan kode ini untuk mencapai hasil yang Anda inginkan:

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

Melihat Toolbardan TintManagersumber, drawable/abc_ic_ab_back_mtrl_am_alphadiwarnai dengan nilai atribut style colorControlNormal.

Saya memang mencoba mengatur ini dalam proyek saya (dengan <item name="colorControlNormal">@color/my_awesome_color</item>tema saya), tetapi masih hitam untuk saya.

Perbarui :

Menemukannya. Anda perlu mengatur actionBarThemeatribut ( tidak actionBarStyle ) dengan colorControlNormal.

Misalnya:

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

Mencoba semua saran di atas. Satu-satunya cara saya berhasil mengubah warna ikon navigasi default Tombol kembali panah di toolbar saya adalah untuk mengatur colorControlNormal di tema dasar seperti ini. Mungkin karena fakta bahwa orang tua menggunakan Theme.AppCompat.Light.NoActionBar

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

Perlu menambahkan satu atribut ke tema toolbar Anda -

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

Terapkan toolbar_theme ini ke toolbar Anda.

ATAU

Anda dapat langsung mendaftar ke tema Anda -

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

Cukup tambahkan

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

ke tema aplikasi Anda saat ini.

jika digunakan Toolbar, Anda dapat mencoba ini

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

Seperti yang dikatakan pada sebagian besar komentar sebelumnya, solusinya adalah menambahkan

<item name="colorControlNormal">@color/white</item> ke tema aplikasi Anda. Tetapi konfirmasikan bahwa Anda tidak memiliki tema lain yang ditentukan dalam elemen Bilah Alat pada tata letak Anda.

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

Jawaban oleh Carles adalah jawaban yang benar, tetapi beberapa metode seperti getDrawable (), getColor () sudah usang pada saat saya menulis jawaban ini . Jadi jawaban yang diperbarui adalah

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

Mengikuti beberapa pertanyaan stackoverflow lainnya, saya menemukan bahwa memanggil ContextCompat.getDrawable () mirip dengan

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

Dan ContextCompat.getColor () mirip dengan

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

Tautan 1: ContextCompat.getDrawable ()

Tautan 2: ContextCompat.getColor ()

Saya menemukan solusi yang berfungsi pra Lollipop. Atur "colorControlNormal" di dalam "actionBarWidgetTheme" untuk mengubah warna homeAsUpIndicator. Mengubah jawaban rockgecko dari atas menjadi seperti ini:

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

Pada compileSdkVersoin 25, Anda bisa melakukan ini:

styles.xml

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

Gunakan metode di bawah ini:

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

Sekarang Anda dapat mengatur gambar dengan:

getSupportActionBar().setHomeAsUpIndicator(getColoredArrow());

Ubah Warna Menu Nav Icon

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

Solusi lain yang mungkin cocok untuk Anda adalah dengan tidak mendeklarasikan bilah alat sebagai bilah tindakan aplikasi (oleh setActionBaratau setSupportActionBar) dan mengatur ikon kembali di onActivityCreated Anda menggunakan kode yang disebutkan dalam jawaban lain di halaman ini

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

Sekarang, Anda tidak akan mendapatkan onOptionItemSelectedpanggilan balik ketika Anda menekan tombol kembali. Namun, Anda dapat mendaftar untuk itu menggunakan setNavigationOnClickListener. Inilah yang saya lakukan:

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

Saya tidak yakin apakah itu akan berfungsi jika Anda bekerja dengan item menu.

Kami mengalami masalah yang sama dan yang kami inginkan hanyalah mengatur

aplikasi: collapseIcon

atribut pada bilah alat pada akhirnya, yang tidak kami temukan karena tidak didokumentasikan dengan sangat baik :)

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

coba ini

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

panggilan fungsi:

enableActionBarHomeButton(this, R.color.white);

Inilah yang bekerja untuk saya:

Tambahkan atribut di bawah ini ke tema Anda.

Untuk mengubah panah kembali toolbar / actionbar kembali di atas api 21

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

Untuk mengubah panah kembali toolbar / actionbar kembali di bawah api 21

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

Untuk mengubah mode aksi panah kembali

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

Untuk menghapus bayangan toolbar / actionbar

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

Untuk mengubah drawbar overflow yang dapat digambar

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

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

Catatan: 'srcCompat' digunakan sebagai ganti 'android: src' karena dukungan vektor yang dapat ditarik untuk api di bawah 21

Saya baru saja mengubah tema bilah alat menjadi @ style / ThemeOverlay.AppCompat.Light

dan panah menjadi abu-abu gelap

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

Inilah cara saya melakukannya di Komponen Bahan:

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

Solusinya sangat sederhana

Cukup masukkan baris berikut ke gaya Anda bernama AppTheme

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

Sekarang seluruh kode xml Anda akan terlihat seperti yang ditunjukkan di bawah ini (gaya default).

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

Anda dapat mengubah warna ikon navigasi secara terprogram seperti ini:

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

Hapus android:homeAsUpIndicatordan homeAsUpIndicatordari tema Anda dan itu akan baik-baik saja. The coloratribut dalam Anda DrawerArrowStylegaya harus cukup.

Kecuali ada solusi yang lebih baik ...

Apa yang saya lakukan adalah mengambil @drawable/abc_ic_ab_back_mtrl_am_alphagambar, yang tampak putih, dan melukisnya dalam warna yang saya inginkan menggunakan editor foto.