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

bluepeach發表於2021-09-09

自定義標題文字樣式

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

原文連結:http://www.apkbus.com/blog-623357-58637.html

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2558/viewspace-2817192/,如需轉載,請註明出處,否則將追究法律責任。

相關文章