Toolbar的常规设置(包括标题样式,菜单样式等)
2017-01-03 19:18
381 查看
一、使用Toolbar必须去掉ActionBar
1)使用NoActionBar的主题
<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> </style>
2)手动对主题进行去ActionBar设置
<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="colorAccent">@color/coloraccent</item> <!--去掉系统默认的标题栏--> <item name="windowNoTitle">true</item> <item name="windowActionBar">false</item> </style>
二、在styles.xml中配置Toolbar的样式
<!--Toolbar的样式配置 begin--> <!-- toolbar菜单文字尺寸 --> <style name="ToolbarMenuTextSize" parent="@style/TextAppearance.AppCompat.Menu"> <item name="android:textSize">14sp</item> </style> <!-- toolbar菜单样式 --> <style name="ToolbarTheme" parent="@style/ThemeOverlay.AppCompat.ActionBar"> <item name="actionMenuTextColor">@android:color/white</item> <item name="actionMenuTextAppearance">@style/ToolbarMenuTextSize</item> <!--<item name="android:colorBackground"></item>也可以设置背景色以及menu中的其他属性--> <item name="actionOverflowMenuStyle">@style/OverflowMenuStyle</item> <item name="android:itemBackground">@color/colorPrimary</item> <item name="android:layout_marginRight">10dp</item> <item name="android:textColor">@android:color/white</item> </style> <!--设置菜单popup出现位置在toolbar的下方--> <style name="OverflowMenuStyle" parent="Widget.AppCompat.Light.PopupMenu.Overflow"> <item name="overlapAnchor">false</item> <!--设置不覆盖锚点--> </style> <!-- toolbar弹出菜单样式 --> <style name="ToolbarPopupTheme" parent="@style/ThemeOverlay.AppCompat"> <item name="android:colorBackground">#212121</item> </style> <!-- toolbar主标题样式 --> <style name="ToolbarTitle" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Title"> <item name="android:textSize">17sp</item> <item name="android:textColor">@android:color/white</item> <item name="android:textColorPrimary">@android:color/white</item> </style> <!--toolbar副标题样式--> <style name="ToolbarSubTitle" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Subtitle"> <item name="android:textSize">13sp</item> <item name="android:textColor">@android:color/white</item> </style> <!--Toolbar的样式配置 end-->
三、在布局文件中引用Toolbar的配置样式
<?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_width="match_parent" android:layout_height="45dp" android:background="?attr/colorPrimary" android:minHeight="?attr/actionBarSize" app:theme="@style/ToolbarTheme" <!-- toolbar菜单样式 --> app:popupTheme="@style/ToolbarPopupTheme" <!-- toolbar弹出菜单样式 --> app:titleTextAppearance="@style/ToolbarTitle" <!-- toolbar主标题样式 --> app:subtitleTextAppearance="@style/ToolbarSubTitle" <!-- toolbar副标题样式 --> />
以后需要修改指定地方的样式,只需要在第2步中对应的style里找出对应的属性设置即可。详细说明请参考:Android Toolbar样式定制详解
相关文章推荐
- Android的Toolbar(含溢出菜单设置[弹出菜单的使用])的使用PopMenu的样式
- Android的Toolbar(含溢出菜单设置[弹出菜单的使用])的使用PopMenu的样式
- Toolbar动态设置menu菜单,标题居中,menu和返回键点击事件
- 继续聊WPF——设置网格控件列标题的样式
- 完美的将对话框设置成无边框无标题栏样式
- android快捷设置标题样式布局
- 设置地图标题(Map1.Title)样式
- 如何设置Select下拉选择框(菜单)的样式
- android 设置Spinner文字标题颜色 字体大小样式
- Style样式的四种使用(包括用C#代码动态加载资源文件并设置样式)
- 继续聊WPF——设置网格控件列标题的样式
- 在word中设置样式标题
- Flex中如何通过titleStyleName和textIndent样式,设置Panel的标题
- office word 2010 设置标题,样式,编号
- 设置地图标题(Map1.Title)样式
- 教你彻底去掉FLASH的右键菜单,包括"设置""关于"
- 菜单常用:复位全部并设置某个项的样式
- 设置地图标题(Map1.Title)样式
- winform的DataGridView列标题单元格样式设置
- android快捷设置标题样式布局