如何设置工具栏文本和后退箭头颜色
工具栏背景是深色,我想要文本和后退箭头是白色的。 我试着跟随,但它不工作。
<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>
你有可能从错误的父母那里延伸。 如果不是的话,你可以直接将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>
将下面的内容添加为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"/>
请享用
里面的活动,你可以使用
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); toolbar.setTitleTextColor(getResources().getColor(R.color.white));
如果您喜欢为标题颜色和后退箭头selectxml,只需在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" />
<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
<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>
我发现一个更简单的修复:只需将此代码添加到您的工具栏在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" />
尝试很多方法,在低版本的API中,一个可行的方法是<item name="actionMenuTextColor">@color/your_color</item>
,不要使用Android命名空间
PS:
<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>
我使用了占位符,所以只需遵循一下,因为您可能仍想inheritance原始样式的inheritance。
之前
<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"/>
要更改工具栏的后面的图标可绘制,你可以使用这个:
将<item name="toolbarStyle">@style/ToolbarStyle</item>
到您的主题中。
这里是ToolbarStyle
本身:
<style name="ToolbarStyle" parent="Widget.AppCompat.Toolbar"> <item name="navigationIcon">@drawable/ic_up_indicator</item> </style>
试试你的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" />