Как установить цвет текста на панели инструментов и стрелки назад

117

Фон панели инструментов темного цвета, я хочу, чтобы текст и стрелка назад были белыми. Я пробовал подписаться, но это не работает.

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

        <item name="colorPrimary">@color/blue</item>
        <item name="colorPrimaryDark">@color/blue_darker</item>
        <item name="colorAccent">@color/purple</item>
        <!-- item name="android:textColorPrimary">@color/white</item--> // I don't want to set this, changes everywhere. 
        <item name="android:textColorSecondary">@color/white</item>
        <item name="android:toolbarStyle">@style/AppTheme.ToolbarStyle</item>
        <item name="toolbarStyle">@style/AppTheme.ToolbarStyle</item>

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

    </style>

    <style name="AppTheme.ToolbarStyle" parent="Base.Widget.AppCompat.Toolbar">
        <!--<item name="actionOverflowButtonStyle">@style/AppTheme.OverflowButtonStyle</item>-->
        <item name="android:textColor">@color/white</item> // doesn't work
        <item name="titleTextAppearance">@style/TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse</item>
        <item name="android:titleTextAppearance">@style/TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse</item>
        <item name="subtitleTextAppearance">@style/TextAppearance.Widget.AppCompat.Toolbar.Subtitle</item>
    </style>
Taranfx
источник
10
Попробуй добавить app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"в свой <android.support.v7.widget.Toolbar>; стрелка назад и текст будут белыми, как сказал @yubarajpoudel.
1111161171159459134

Ответы:

153

Скорее всего, вы являетесь наследником не того родителя. Если нет, то вы можете попробовать добавив styleв toolbarмакете непосредственно, если вы хотите , чтобы переопределить настройки темы.

В макете панели инструментов:

 <android.support.v7.widget.Toolbar
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:id="@+id/toolbar"
      android:layout_width="match_parent"
      android:layout_height="?attr/actionBarSize"
      android:minHeight="?attr/actionBarSize"
      app:theme="@style/ToolBarStyle"
      app:popupTheme="@style/ToolBarPopupStyle"
      android:background="@color/actionbar_color" />

В ваших стилях:

 <!-- ToolBar -->
  <style name="ToolBarStyle" parent="Theme.AppCompat">
      <item name="android:textColorPrimary">@android:color/white</item>
      <item name="android:textColorSecondary">@android:color/white</item>
      <item name="actionMenuTextColor">@android:color/white</item>      
      <item name="actionOverflowButtonStyle">@style/ActionButtonOverflowStyle</item>
      <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
 </style>
Vhuynh
источник
5
выдает ошибку при добавлении этого стиля в styles.xmlфайл
Гопал Сингх Сирви
1
вам не нужна часть drawerArrowStyle, чтобы ответить на вопрос
luckyhandler
125

Добавьте следующее как toolbar.xml

<?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:id="@+id/toolbar"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:fitsSystemWindows="true"
    android:minHeight="?attr/actionBarSize"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    android:background="?attr/colorPrimary">

</android.support.v7.widget.Toolbar>

Затем в макете, где вам нужно

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

наслаждаться

Юбарадж Пудель
источник
10
Да, работает! В частности app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar".
1111161171159459134
1
Должно быть<include layout="@layout/toolbar"/>
Тим
64

Внутри Activity вы можете использовать

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    toolbar.setTitleTextColor(getResources().getColor(android.R.color.white));

Если вам нравится выбирать xml для цвета заголовка и белой стрелки назад, просто добавьте этот стиль в style.xml.

 <style name="ToolBarStyle" parent="Theme.AppCompat">
    <item name="android:textColorPrimary">@android:color/white</item>
    <item name="android:textColorSecondary">@android:color/white</item>
    <item name="actionMenuTextColor">@android:color/white</item>
</style>

Панель инструментов выглядит так:

 <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        app:theme="@style/ToolBarStyle"
        android:layout_height="?attr/actionBarSize"
  />
Шихаб Уддин
источник
1
ЭТО РАБОТАЕТ! Так много случайных ответов - я думаю, что стоит отметить, что это работает для: android.support.v7.widget.Toolbar, вложенного в: android.support.design.widget.AppBarLayout Большое спасибо
Сагар Патель
1
решение java не меняет цвет стрелки
java-love
19

Это решение может быть проще. Но для этого требуется более высокая версия API (23). просто добавьте этот код на свою панель инструментов в XML:

<Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?android:attr/actionBarSize"
    android:background="?android:attr/colorPrimary"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    android:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    android:titleTextColor="#ffffffff" />
Том Эсендам
источник
@VygintasB true
Tom Esendam
1
Необязательно устанавливать android: titleTextColor = "# ffffffff", просто android: theme = "@ style / ThemeOverlay.AppCompat.Dark.ActionBar" и app: popupTheme = "@ style / ThemeOverlay.AppCompat.Light"
Алмейда
16

Если вы используете AndroidX(по состоянию на июль 2019 г.), вы можете добавить следующее:

<androidx.appcompat.widget.Toolbar
  android:id="@+id/toolbar"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  app:layout_collapseMode="pin"
  app:theme="@style/ThemeOverlay.MaterialComponents.Dark.ActionBar"
  app:popupTheme="@style/ThemeOverlay.MaterialComponents.Light"/>

НОТА! Это было проверено, чтобы работать, если ваш Toolbarпомещен непосредственно внутри, AppBarLayoutно не внутриCollapsingToolbarLayout

Денис Дмитриенко
источник
9
<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/colorPrimaryDark"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
</android.support.design.widget.AppBarLayout>
шантану
источник
Это ответ, если у вас есть appbarlayout. Спасибо!
Nuhman
8

мне этот способ помог.

<style name="AppTheme" parent="Theme.AppCompat.Light">
        <item name="colorPrimary">@color/primary</item>
        <item name="colorPrimaryDark">@color/primaryDark</item>
        <item name="colorAccent">@color/highlightRed</item>
        <item name="actionBarTheme">@style/ToolbarStyle</item>
</style>

<style name="ToolbarStyle" parent="Widget.AppCompat.ActionBar">
        <item name="android:textColorPrimary">@color/white</item>
</style>
Руслан Кушалиев
источник
6
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/actionBar"
app:titleTextAppearance="@style/ToolbarTitleText"
app:theme="@style/ToolBarStyle">

<TextView
    android:id="@+id/title"
    style="@style/ToolbarTitleText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:text="hh"/>

<!-- ToolBar -->
<style name="ToolBarStyle" parent="Widget.AppCompat.Toolbar">
    <item name="actionMenuTextColor">#ff63BBF7</item>
</style>

используйте app: theme = "@ style / ToolBarStyle"

Справочные ресурсы : http: //blog.csdn.net/wyyl1/article/details/45972371

Хуан Цзиньлун
источник
1
Пожалуйста, объясните свои ответы, просто код публикации не очень понятен для ответа на вопрос.
SuperBiasedMan
3

Попробуйте это в своем XML-файле

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        app:titleTextColor="@color/colorAccent"
        app:theme="@style/ToolbarColoredBackArrow"
        app:subtitleTextColor="@color/colorAccent"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay" />

И добавьте это ваш файл colors.xml

    <color name="colorAccent">YOUR_COLOR</color>
Факсриддин Абдуллаев
источник
1
Не могли бы вы поделиться с нами тем, что было в приложении: theme = "@ style / ToolbarColoredBackArrow"
Саймон
3

Добавьте эту строку в Toolbar. 100% рабочий

android:theme="@style/Theme.AppCompat.Light.DarkActionBar"
Гурвиндер Сингх
источник
1

Попробуйте множество методов, в младшей версии API возможный метод - <item name="actionMenuTextColor">@color/your_color</item>это пространство имен Android, а не использовать его.

пс:

  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>

    <!-- change the textColor -->
    <item name="actionMenuTextColor">@color/actionMenuTextColor</item>
</style>
БоБоми
источник
1

Я использовал заполнители, поэтому просто следуйте инструкциям, так как вы, возможно, захотите сохранить наследование исходного стиля.

Перед

<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/{{originalBaseStyle}}"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

После:

styles.xml

<style name="{{yourToolbarStyle}}" parent="{{originalBaseStyle}}">
    <item name="android:textColorPrimary">@android:color/white</item>
    <item name="android:textColorSecondary">@android:color/white</item>
    <item name="actionMenuTextColor">@android:color/white</item>
    <item name="actionOverflowButtonStyle">@style/ActionButtonOverflowStyle</item>
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
</style>

Следовательно

<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/{{yourToolbarStyle}}"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>
Хуан Мендес
источник
1

Если мы будем следовать шаблону активности, созданному Android Studios, это AppBarLayout, который должен иметь тему Android AppBarOverlay, которую вы должны определить в файле styles.xml. Это должно дать вам белый цвет текста панели инструментов / панели действий.

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">  ...

В файле styles.xml убедитесь, что существует следующее:

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
Yaojin
источник
1

Этот подход сработал для меня с использованием библиотеки компонентов материала:

В styles.xml:

<style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <!-- Your styles here -->

    <item name="toolbarStyle">@style/AppTheme.Toolbar</item>
</style>

<style name="AppTheme.Toolbar" parent="Widget.MaterialComponents.Toolbar">
    <item name="titleTextColor">@android:color/white</item>
</style>

Взято из этого ответа: https://stackoverflow.com/a/48205577/238753

Сэм
источник
0

Чтобы изменить значок на задней панели панели инструментов, вы можете использовать это:
Добавьте <item name="toolbarStyle">@style/ToolbarStyle</item>в свою тему.
А вот и ToolbarStyleсам:

<style name="ToolbarStyle" parent="Widget.AppCompat.Toolbar">
    <item name="navigationIcon">@drawable/ic_up_indicator</item>
</style>
Кланы
источник
0

При использовании последней версии Android Studio 3.0 и создании классов Activity в файлах стилей измените следующее:

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

К этому:

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.ActionBar" />
Мурути
источник