zoukankan      html  css  js  c++  java
  • 自定义 ActionBar 标题与菜单中的文字样式

    自定义标题文字样式

    标题样式是 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>
  • 相关阅读:
    React中jquery引用
    实现table的单线边框的办法
    学习网站
    React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
    使用rgba设置输入框背景透明
    转: HTML5之placeholder属性以及如何更改placeholder属性中文字颜色
    转:jquery操作元素的css样式(获取、修改等等)
    购物车抛物线动画效果
    转: jquery.qrcode.js生成二维码插件&转成图片格式
    Chatbot中的填槽(Slot Filling)(转)
  • 原文地址:https://www.cnblogs.com/sunzn/p/4274128.html
Copyright © 2011-2022 走看看