自定义ActionBar的高度、标题与菜单中的文字样式
2016-03-03 14:00
666 查看
自定义ActionBar高度
通过actionBarSize设定了ActionBar的高度<style name="AppTheme" parent="AppBaseTheme"> <item name="android:actionBarSize">50dp</item> </style>
自定义标题文字样式
标题样式是ActionBar样式的一部分,所以要先定义ActionBar的样式<style name="AppTheme" parent="AppBaseTheme"> <item name="android:actionBarSize">50dp</item> <item name="android:actionBarStyle">@style/CustomActionBar</item> </style>
然后在ActionBar的样式中通过android:titleTextStyle定义标题的样式
<style name="CustomActionBar" parent="@android:style/Widget.DeviceDefault.ActionBar"> <item name="android:titleTextStyle">@style/ActionBarTitle</item> </style> <style name="ActionBarTitle" parent="@android:style/TextAppearance.Holo.Large"> <item name="android:textColor">@android:color/holo_blue_bright</item> <item name="android:textSize">20sp</item> </style>
自定义副标题文字样式
副标题样式同样是ActionBar样式的一部分,在ActionBar模式中通过android:subtitleTextStyle指定<style name="CustomActionBar" parent="@android:style/Widget.DeviceDefault.ActionBar"> <item name="android:titleTextStyle">@style/ActionBarTitle</item> <item name="android:subtitleTextStyle">@style/ActionBarSubtitle</item> </style> <style name="ActionBarSubtitle" parent="@android:style/TextAppearance.Holo.Medium"> <item name="android:textColor">@android:color/holo_blue_light</item> <item name="android:textSize">16sp</item> </style>
自定义菜单文字样式
菜单文字的自定义直接通过Activity的Theme指定,而不是通过ActionBar的样式<style name="AppTheme" parent="AppBaseTheme"> <item name="android:actionBarSize">50dp</item> <item name="android:actionBarStyle">@style/CustomActionBar</item> <item name="android:actionMenuTextAppearance">@style/ActionBarTitle</item> <item name="android:actionMenuTextColor">@android:color/holo_blue_light</item> </style> <style name="ActionBarMenu" parent="@android:style/TextAppearance.Holo.Large"> <item name="android:textColor">@android:color/holo_blue_light</item> <item name="android:textSize">20sp</item> </style>
有一点要注意,虽然通过android:actionMenuTextApperance指定的是TextApperance,但是文字的颜色要通过android:actionMenuTextColor单独指定
系统使用的默认样式
<style name="TextAppearance.Holo.Widget.ActionBar.Title" parent="TextAppearance.Holo.Medium"> <item name="android:textSize">@android:dimen/action_bar_title_text_size</item> </style> <style name="TextAppearance.Holo.Widget.ActionBar.Subtitle" parent="TextAppearance.Holo.Small"> <item name="android:textSize">@android:dimen/action_bar_subtitle_text_size</item> </style> <style name="TextAppearance.Holo.Widget.ActionBar.Menu" parent="TextAppearance.Holo.Small"> <item name="android:textSize">12sp</item> <item name="android:textStyle">bold</item> <item name="android:textColor">?android:attr/actionMenuTextColor</item> <item name="android:textAllCaps">@android:bool/config_actionMenuItemAllCaps</item> </style>
相关文章推荐
- 一小时搞定DIV+CSS布局-固定页面开度布局
- css 页脚固定到底部
- CSS书写应该注意的情况
- css盒子模型、文档流、相对与绝对定位、浮动与清除模型
- 简单新闻发布系统前台界面(html+css)
- Css 动画的回调
- CSS布局:水平居中
- css3
- DIV+CSS的命名规则
- css实现强制不换行/自动换行/强制换行
- 什么是 CSS 层叠上下文,它们是如何工作的?
- CSS3 圆形时钟式网页进度条
- CSS格式化文字排版
- css3兼容IE8的方案 各个ie的hack
- [转载]CSS居中完全指南
- 理解CSS盒子模型
- CSS布局:水平居中
- CSS学习(五)-css圆角边框
- 深入理解CSS中的层叠上下文和层叠顺序
- 一些html和css技巧