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

jopen 10年前

自定义标题文字样式

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

  1. <style name="AppTheme" parent="AppBaseTheme">
  2. <item name="android:actionBarStyle">@style/CustomActionBar</item>
  3. </style>

然后在ActionBar的样式中通过android:titleTextStyle定义标题的样式

  1. <style name="CustomActionBar" parent="@android:style/Widget.DeviceDefault.ActionBar">
  2. <item name="android:titleTextStyle">@style/ActionBarTitle</item>
  3. </style>
  4. <style name="ActionBarTitle" parent="@android:style/TextAppearance.Holo.Large">
  5. <item name="android:textColor">@android:color/holo_blue_bright</item>
  6. <item name="android:textSize">20sp</item>
  7. </style>

自定义副标题文字样式

副标题样式同样是ActionBar样式的一部分,在ActionBar模式中通过android:subtitleTextStyle指定

  1. <style name="CustomActionBar" parent="@android:style/Widget.DeviceDefault.ActionBar">
  2. <item name="android:titleTextStyle">@style/ActionBarTitle</item>
  3. <item name="android:subtitleTextStyle">@style/ActionBarSubtitle</item>
  4. </style>
  5. <style name="ActionBarSubtitle" parent="@android:style/TextAppearance.Holo.Medium">
  6. <item name="android:textColor">@android:color/holo_blue_light</item>
  7. <item name="android:textSize">16sp</item>
  8. </style>

自定义菜单文字样式

菜单文字的自定义直接通过Activity的Theme指定,而不是通过ActionBar的样式

  1. <style name="AppTheme" parent="AppBaseTheme">
  2. <item name="android:actionBarStyle">@style/CustomActionBar</item>
  3. <item name="android:actionMenuTextAppearance">@style/ActionBarTitle</item>
  4. <item name="android:actionMenuTextColor">@android:color/holo_blue_light</item>
  5. </style>
  6. <style name="ActionBarMenu" parent="@android:style/TextAppearance.Holo.Large">
  7. <item name="android:textColor">@android:color/holo_blue_light</item>
  8. <item name="android:textSize">20sp</item>
  9. </style>

有一点要注意,虽然通过android:actionMenuTextApperance指定的是TextApperance,但是文字的颜色要通过android:actionMenuTextColor单独指定

系统使用的默认样式

  1. <style name="TextAppearance.Holo.Widget.ActionBar.Title"
  2. parent="TextAppearance.Holo.Medium">
  3. <item name="android:textSize">@android:dimen/action_bar_title_text_size</item>
  4. </style>
  5. <style name="TextAppearance.Holo.Widget.ActionBar.Subtitle"
  6. parent="TextAppearance.Holo.Small">
  7. <item name="android:textSize">@android:dimen/action_bar_subtitle_text_size</item>
  8. </style>
  9. <style name="TextAppearance.Holo.Widget.ActionBar.Menu"
  10. parent="TextAppearance.Holo.Small">
  11. <item name="android:textSize">12sp</item>
  12. <item name="android:textStyle">bold</item>
  13. <item name="android:textColor">?android:attr/actionMenuTextColor</item>
  14. <item name="android:textAllCaps">@android:bool/config_actionMenuItemAllCaps</item>
  15. </style>