Я не мог изменить цвет кнопки возврата. Я использую материальный дизайн панели инструментов. В моем приложении я применяю черный фон панели инструментов, но дизайн спины по умолчанию черный, поэтому я просто хочу изменить цвет этой кнопки возврата. Пожалуйста, дайте мне решения.
Спасибо
Ответы:
используйте этот стиль
<style name="Theme.MyFancyTheme" parent="android:Theme.Holo"> <item name="android:homeAsUpIndicator">@drawable/back_button_image</item> </style>
источник
Вы можете добавить стиль в свой файл styles.xml,
<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>
и добавьте это как тему на свою панель инструментов в toolbar layout.xml с помощью app: theme , проверьте ниже
<?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>
источник
Вот самый простой способ получить светлую и темную тему для
app:theme
панели инструментов. Вам нужно изменить значение тега панели инструментов.источник
Theme.AppCompat.Light.DarkActionBar
в моем случае.Для белого заголовка панели инструментов и белой стрелки вверх используйте следующую тему:
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
источник
Использовать это:
<style name="BaseTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorControlNormal">@color/white</item> </style>
источник
Попробуй это,
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);
источник
Для этого не нужно менять стиль. После настройки панели инструментов в качестве панели действий вы можете написать такой код
android.getSupportActionBar().setDisplayHomeAsUpEnabled(true); android.getSupportActionBar().setHomeAsUpIndicator(R.drawable.back); //here back is your drawable image
Но вы не можете изменить цвет стрелки назад этим методом.
источник
Если вам нужна белая кнопка возврата (←) и белый заголовок панели инструментов, выполните следующие действия:
<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>
Измените тему с
Dark
на,Light
если вам нужна черная кнопка «Назад» (←) и черный заголовок панели инструментов.источник
Вы можете использовать свой собственный значок, используя
app:navigationIcon
и для цвета заголовкаapp:titleTextColor
Пример:
<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" />
источник
app:navigationIcon="@drawable/ic_back_black"
Просто используйте
MaterialToolbar
и замените цвета по умолчанию:<com.google.android.material.appbar.MaterialToolbar style="@style/Widget.MaterialComponents.Toolbar.Primary" android:theme="@style/MyThemeOverlay_Toolbar" ..>
с участием:
<style name="MyThemeOverlay_Toolbar" parent="ThemeOverlay.MaterialComponents.Toolbar.Primary"> <!-- color used by navigation icon and overflow icon --> <item name="colorOnPrimary">@color/...</item> </style>
Если вы используете
androidx.appcompat.widget.Toolbar
илиMaterialToolbar
со стилем по умолчанию (Widget.MaterialComponents.Toolbar
), вы можете использовать:<androidx.appcompat.widget.Toolbar android:theme="@style/MyThemeOverlay_Toolbar2"
с участием:
<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>
источник
Я думаю, что если тема должна быть сгенерирована какой-то проблемой, но с ее динамически устанавливаемой черной стрелкой, поэтому я предложил попробовать эту.
источник
Я использую
<style name="BaseTheme" parent="Theme.AppCompat.Light.NoActionBar>
тему в своем приложении для Android и в теме NoActionBar,colorControlNormal
свойство используется для изменения цвета значка навигации по умолчанию, стрелки кнопки «Назад» на моей панели инструментов.styles.xml
<style name="BaseTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorControlNormal">@color/your_color</item> </style>
источник
Просто и без забот
<?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>
источник
Я сделал это так, используя библиотеку компонентов материала:
<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>
источник
Вы можете добавить этот код в свой класс java. Но вы должны создать векторный актив раньше, чтобы вы могли настроить стрелку назад.
источник
Стиль панели инструментов на Android 21+ немного отличается.
<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>
источник
Если вам нужен белый цвет системы, вы можете использовать этот код
<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>
Заметка:-
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
ключПаста находится в вашем действии, где вы хотите отобразить кнопку возврата на панели действий.
final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar_notification); setSupportActionBar(toolbar); getSupportActionBar().setDisplayHomeAsUpEnabled(true); getSupportActionBar().setDisplayShowHomeEnabled(false);
источник