如何设置工具栏文本和背箭头颜色

工具栏背景是深色，我希望文本和背面箭头为白色。我试过跟踪，但没用。

<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>
196381 次浏览
小开

很有可能你是从错误的父母那里延伸过来的。如果没有，您可以尝试将 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>
小开 
<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>

主题 = “@style/ToolBarStyle”

参考资料: http://blog.csdn.net/wyyl1/article/details/45972371

小开

要更改工具栏的背面图标绘制，您可以使用以下命令:
在你的主题中加入 <item name="toolbarStyle">@style/ToolbarStyle</item>。
这是 ToolbarStyle本身:

<style name="ToolbarStyle" parent="Widget.AppCompat.Toolbar">
<item name="navigationIcon">@drawable/ic_up_indicator</item>
</style>
小开

添加以下内容作为 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"/>

好好享受吧

小开

尝试很多方法，在低版本的 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>
小开 
<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>
小开

我使用了占位符，所以只要跟着做就可以了，因为您可能仍然希望保留原始样式的继承。

之前

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

之后:

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

内部活动，您可以使用

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

这个解决方案可能更简单。但它确实需要更高的 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" />
小开

在您的 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>
小开

如果使用 Android Studio 3.0的最新版本并生成您的 Activity 类，在您的样式文件中更改如下:

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

这样说:

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

这个方法帮助了我。

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

如果我们遵循 Android 工作室创建的活动模板，那么 AppBarLayout 需要有一个 AppBarOverlay 的 Android 主题，您应该在 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" />
小开

将此行添加到 Toolbar.100% 工作

android:theme="@style/Theme.AppCompat.Light.DarkActionBar"
小开

如果你使用 AndroidX(截至2019年7月) 你可以加上以下内容:

<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内，那么这个测试将起作用

小开

这种方法适合我使用材料组件库:

在 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

小开 
<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="wrap_content"
android:background="@color/color_primary"
android:theme="@style/GalaxyZooThemeToolbarDarkOverflow"
app:popupTheme="@style/Theme.AppCompat.NoActionBar" />

该工具栏主题指定 textColor质数和 textColorSecond 来更改标题文本和菜单溢出按钮的颜色。您可以只指定标准主题。AppCompat.为工具栏设置 Light.NoActionBar 主题，以获得深色文本和溢出图标，但我想从我自己的主题派生出来，只做一些小的更改，因为我不知道还有什么可能会受到影响。

<style name="GalaxyZooThemeToolbarDarkOverflow" parent="Theme.AppCompat.NoActionBar">




<!-- android:textColorPrimary is the  color of the title text
in the Toolbar, in the Theme.AppCompat theme:  -->
<item name="android:textColorPrimary">@color/abc_primary_text_material_light</item>


<!-- android:textColorPrimaryInverse is the  color of the title
text in the Toolbar, in the Theme.AppCompat.Light theme:  -->


<!-- <item name="android:textColorPrimaryInverse">@color/abc_primary_text_material_light</item> -->

这样就可以更改工具栏上的文本和图标的颜色。

为了更多 参考文献: http://www.murrayc.com/permalink/2014/10/28/android-change-the-toolbar-text-color-and-overflow-icon-color/”rel = “ nofollow norefrer”> https://www.murrayc.com/permalink/2014/10/28/android-changing-the-toolbars-text-color-and-overflow-icon-color/

小开

在基本应用程序主题中添加此行，首先用于文本，其次用于菜单图标

<item name="android:textColorPrimary">@color/colorTextWhite</item>
<item name="android:textColorSecondary">@color/colorTextWhite</item>

就像这样

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="android:textColorPrimary">@color/colorTextWhite</item>
<item name="android:textColorSecondary">@color/colorTextWhite</item>
<item name="colorAccent">@color/colorAccent</item>
</style>

提交答案