Làm cách nào để thay đổi màu của nút quay lại Thanh công cụ trong Android?

Tôi không thể thay đổi màu của nút quay lại. Tôi đang sử dụng thiết kế material design thanh công cụ. Trong ứng dụng của tôi, tôi đang áp dụng nền đen của thanh công cụ nhưng thiết kế mặt sau có màu đen theo mặc định, đó là lý do tại sao tôi chỉ muốn thay đổi màu sắc của nút quay lại này. Xin hãy cho tôi giải pháp.

Cảm ơn bạn

sử dụng phong cách này

<style name="Theme.MyFancyTheme" parent="android:Theme.Holo">
    <item name="android:homeAsUpIndicator">@drawable/back_button_image</item>
</style>

Bạn có thể thêm một kiểu vào styles.xml của mình,

<style name="ToolbarTheme" parent="@style/ThemeOverlay.AppCompat.ActionBar">
  <!-- Customize color of navigation drawer icon and back arrow --> 
  <item name="colorControlNormal">@color/toolbar_color_control_normal</item>
</style>

và thêm cái này làm chủ đề vào thanh công cụ của bạn trong toolbar layout.xml bằng app: theme , hãy kiểm tra bên dưới

<?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:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:theme="@style/ToolbarTheme" >
</android.support.v7.widget.Toolbar>

Đây là cách đơn giản nhất để đạt được Chủ đề sáng và tối cho app:themeThanh công cụ. Bạn phải thay đổi giá trị của thẻ Thanh công cụ

• Đối với Tiêu đề Thanh công cụ Màu đen và Mũi tên Lên màu Đen , thanh công cụ của bạn phải triển khai chủ đề sau:

app: theme = "@ style / ThemeOverlay.AppCompat.Light"

• Đối với Tiêu đề Thanh công cụ Màu trắng và Mũi tên Lên màu Trắng , thanh công cụ của bạn phải triển khai chủ đề sau:

app: theme = "@ style / ThemeOverlay.AppCompat"

Đối với Tiêu đề Thanh công cụ màu trắng và Mũi tên Lên màu trắng, hãy sử dụng chủ đề sau:

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

Dùng cái này:

<style name="BaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
  <item name="colorControlNormal">@color/white</item> 
</style>

Thử đi,

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

Bạn không cần phải thay đổi phong cách cho nó. Sau khi thiết lập thanh công cụ của bạn làm thanh tác vụ, Bạn có thể viết mã như thế này

android.getSupportActionBar().setDisplayHomeAsUpEnabled(true);
android.getSupportActionBar().setHomeAsUpIndicator(R.drawable.back);
//here back is your drawable image

Nhưng bạn không thể thay đổi màu của mũi tên quay lại bằng phương pháp này

Nếu bạn muốn nút quay lại màu trắng (←) và tiêu đề thanh công cụ màu trắng, hãy làm theo điều này:

<android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

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

Thay đổi chủ đề từ Darkthành Lightnếu bạn muốn nút quay lại màu đen (←) và tiêu đề thanh công cụ màu đen.

Bạn có thể sử dụng biểu tượng của riêng mình bằng cách sử dụng app:navigationIconvà cho màu tiêu đềapp:titleTextColor

Thí dụ:

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize"
        android:background="@color/colorPrimary"
        app:navigationIcon="@drawable/ic_arrow_back_white_24dp"
        app:titleTextColor="@color/white" />

Tôi nghĩ rằng nếu chủ đề sẽ được tạo ra một số vấn đề nhưng mũi tên màu đen được đặt động của nó. Vì vậy, tôi đề xuất hãy thử cái này.

Drawable backArrow = getResources().getDrawable(R.drawable.abc_ic_ab_back_mtrl_am_alpha);
backArrow.setColorFilter(getResources().getColor(R.color.md_grey_900), PorterDuff.Mode.SRC_ATOP);
getSupportActionBar().setHomeAsUpIndicator(backArrow);

Chỉ cần sử dụng MaterialToolbarvà ghi đè các màu mặc định:

    <com.google.android.material.appbar.MaterialToolbar
        style="@style/Widget.MaterialComponents.Toolbar.Primary"
        android:theme="@style/MyThemeOverlay_Toolbar"
        ..>

với:

  <style name="MyThemeOverlay_Toolbar" parent="ThemeOverlay.MaterialComponents.Toolbar.Primary">
    <!-- color used by navigation icon and overflow icon -->
    <item name="colorOnPrimary">@color/...</item>
  </style>

Nếu bạn đang sử dụng androidx.appcompat.widget.Toolbarhoặc MaterialToolbar với kiểu mặc định ( Widget.MaterialComponents.Toolbar), bạn có thể sử dụng:

<androidx.appcompat.widget.Toolbar
    android:theme="@style/MyThemeOverlay_Toolbar2"

với:

  <style name="MyThemeOverlay_Toolbar2" parent="ThemeOverlay.MaterialComponents.Toolbar.Primary">
    <!-- This attributes is used by title -->
    <item name="android:textColorPrimary">@color/white</item>

    <!-- This attributes is used by navigation icon and overflow icon -->
    <item name="colorOnPrimary">@color/secondaryColor</item>
  </style>

Tôi đang sử dụng <style name="BaseTheme" parent="Theme.AppCompat.Light.NoActionBar>chủ đề trong ứng dụng Android của mình và trong chủ đề NoActionBar,colorControlNormal tính được sử dụng để thay đổi màu của biểu tượng điều hướng mặc định Mũi tên nút quay lại trong thanh công cụ của tôi

styles.xml

<style name="BaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
  <item name="colorControlNormal">@color/your_color</item> 
</style>

Đơn giản và không phải lo lắng

 <?xml version="1.0" encoding="utf-8"?>
    <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:titleTextColor="@color/white"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

        </android.support.design.widget.AppBarLayout>

        <include layout="@layout/testing" />

    </android.support.design.widget.CoordinatorLayout>

Tôi đã làm theo cách này bằng cách sử dụng thư viện Thành phần Vật liệu:

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

Bạn có thể thêm mã này vào lớp java của mình. Nhưng bạn phải tạo nội dung vectơ trước đó, vì vậy bạn có thể tùy chỉnh mũi tên quay lại của mình.

actionBar.setHomeAsUpIndicator(R.drawable.ic_arrow_back_black_24dp);

Để tạo kiểu cho Thanh công cụ trên Android 21+ thì hơi khác một chút.

<style name="DarkTheme.v21" parent="DarkTheme.v19">
        <!-- toolbar background color -->
        <item name="android:navigationBarColor">@color/color_primary_blue_dark</item>
        <!-- toolbar back button color -->
        <item name="toolbarNavigationButtonStyle">@style/Toolbar.Button.Navigation.Tinted</item>
    </style>

    <style name="Toolbar.Button.Navigation.Tinted" parent="Widget.AppCompat.Toolbar.Button.Navigation">
        <item name="tint">@color/color_white</item>
    </style>

Nếu bạn muốn hệ thống trở lại màu trắng thì bạn có thể sử dụng mã này

<com.google.android.material.appbar.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:elevation="0dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar_notification"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:contentInsetLeft="0dp"
            app:contentInsetStart="0dp"
            app:contentInsetStartWithNavigation="0dp">

            <include layout="@layout/action_bar_notification" />
        </androidx.appcompat.widget.Toolbar>
    </com.google.android.material.appbar.AppBarLayout>

Lưu ý: - android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" là chìa khóa

Quá trình dán nằm trong hoạt động của bạn, nơi bạn muốn hiển thị nút quay lại trên thanh tác vụ

final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar_notification);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
getSupportActionBar().setDisplayShowHomeEnabled(false);