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

AngelDevil發表於2014-07-10

自定義標題文字樣式

標題樣式是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>

相關文章