自定義ActionBar標題與菜單中的文字樣式

jopen 10年前發布 | 23K 次閱讀 Android Android開發 移動開發

自定義標題文字樣式

標題樣式是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>
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!