ActionBarタイトルとメニューのテキストスタイルのカスタマイズ

12990 ワード

見出しテキストスタイルのカスタマイズ
タイトルスタイルは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>

メニューのテキストスタイルのカスタマイズ
メニューテキストのカスタマイズは、ActionBarのスタイルではなくActivityのThemeで直接指定されます.
<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>