您的位置:首页 > Web前端 > CSS

自定义ActionBar标题与菜单中的文字样式

2014-07-10 17:33 225 查看

自定义标题文字样式

标题样式是ActionBar样式的一部分,所以要先定义ActionBar的样式

<style name="AppTheme" parent="AppBaseTheme">
<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: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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: