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

时间:2021-06-09 20:49:26

自定义标题文字样式

标题样式是 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>