Actionbar主题与样式

一，                ActionBar 样式定义

Theme 主题对 ActionBar 样式的定义如下：

<!-- Action bar styles -->

        <item name="actionDropDownStyle">@android:style/Widget.Spinner.DropDown</item>

        <item name="actionButtonStyle">@android:style/Widget.ActionButton</item>

        <item name="actionOverflowButtonStyle">@android:style/Widget.ActionButton.Overflow</item>

        <item name="actionModeBackground">@android:drawable/cab_background_top_holo_dark</item>

        <item name="actionModeSplitBackground">@null</item>

        <item name="actionModeCloseDrawable">@android:drawable/ic_menu_close_clear_cancel</item>

        <item name="actionModeCutDrawable">@android:drawable/ic_menu_cut_holo_dark</item>

        <item name="actionModeCopyDrawable">@android:drawable/ic_menu_copy_holo_dark</item>

        <item name="actionModePasteDrawable">@android:drawable/ic_menu_paste_holo_dark</item>

        <item name="actionModeSelectAllDrawable">@android:drawable/ic_menu_selectall_holo_dark</item>

        <item name="actionModeShareDrawable">@android:drawable/ic_menu_share_holo_dark</item>

        <item name="actionModeFindDrawable">@android:drawable/ic_menu_find_holo_dark</item>

        <item name="actionModeWebSearchDrawable">@android:drawable/ic_menu_search</item>

        <item name="actionBarTabStyle">@style/Widget.ActionBar.TabView</item>

        <item name="actionBarTabBarStyle">@style/Widget.ActionBar.TabBar</item>

        <item name="actionBarTabTextStyle">@style/Widget.ActionBar.TabText</item>

        <item name="actionModeStyle">@style/Widget.ActionMode</item>

        <item name="actionModeCloseButtonStyle">@style/Widget.ActionButton.CloseMode</item>

        <item name="actionBarStyle">@android:style/Widget.ActionBar</item>

        <item name="actionBarSplitStyle">?android:attr/actionBarStyle</item>

        <item name="actionBarSize">@dimen/action_bar_default_height</item>

        <item name="actionModePopupWindowStyle">?android:attr/popupWindowStyle</item>

        <item     name="actionMenuTextAppearance">@android:style/TextAppearance.Holo.Widget.ActionBar.Menu</item>

        <item name="actionMenuTextColor">?android:attr/textColorPrimary</item>

        <item name="actionBarWidgetTheme">@null</item>

        <item name="actionBarDivider">?android:attr/dividerVertical</item>

        <item name="actionBarItemBackground">?android:attr/selectableItemBackground</item>

        <item name="dividerVertical">@drawable/divider_vertical_dark</item>

        <item name="dividerHorizontal">@drawable/divider_vertical_dark</item>

        <item name="buttonBarStyle">@android:style/ButtonBar</item>

        <item name="buttonBarButtonStyle">?android:attr/buttonStyle</item>

        <item name="segmentedButtonStyle">@android:style/SegmentedButton</item>

这里定义了所有与 ActionBar 相关的属性，下面是 Holo 主题对 ActionBar 样式的定义，该样式对 Theme 定义的大部分 ActionBar 样式进行了重写，如下：

<!-- Action bar styles -->

        <item name="actionDropDownStyle">@android:style/Widget.Holo.Spinner.DropDown.ActionBar</item>

        <item name="actionButtonStyle">@android:style/Widget.Holo.ActionButton</item>

        <item name="actionOverflowButtonStyle">@android:style/Widget.Holo.ActionButton.Overflow</item>

        <item name="actionModeBackground">@android:drawable/cab_background_top_holo_dark</item>

        <item name="actionModeSplitBackground">@android:drawable/cab_background_bottom_holo_dark</item>

        <item name="actionModeCloseDrawable">@android:drawable/ic_cab_done_holo_dark</item>

        <item name="actionBarTabStyle">@style/Widget.Holo.ActionBar.TabView</item>

        <item name="actionBarTabBarStyle">@style/Widget.Holo.ActionBar.TabBar</item>

        <item name="actionBarTabTextStyle">@style/Widget.Holo.ActionBar.TabText</item>

        <item name="actionModeStyle">@style/Widget.Holo.ActionMode</item>

        <item name="actionModeCloseButtonStyle">@style/Widget.Holo.ActionButton.CloseMode</item>

        <item name="actionBarStyle">@android:style/Widget.Holo.ActionBar</item>

        <item name="actionBarSize">@dimen/action_bar_default_height</item>

        <item name="actionModePopupWindowStyle">@android:style/Widget.Holo.PopupWindow.ActionMode</item>

        <item name="actionBarWidgetTheme">@null</item>

        <item name="actionModeCutDrawable">@android:drawable/ic_menu_cut_holo_dark</item>

        <item name="actionModeCopyDrawable">@android:drawable/ic_menu_copy_holo_dark</item>

        <item name="actionModePasteDrawable">@android:drawable/ic_menu_paste_holo_dark</item>

        <item name="actionModeSelectAllDrawable">@android:drawable/ic_menu_selectall_holo_dark</item>

        <item name="actionModeShareDrawable">@android:drawable/ic_menu_share_holo_dark</item>

        <item name="actionModeFindDrawable">@android:drawable/ic_menu_find_holo_dark</item>

        <item name="actionModeWebSearchDrawable">@android:drawable/ic_menu_search_holo_dark</item>

        <item name="dividerVertical">?android:attr/listDivider</item>

        <item name="dividerHorizontal">?android:attr/listDivider</item>

        <item name="buttonBarStyle">@android:style/Holo.ButtonBar</item>

        <item name="buttonBarButtonStyle">?android:attr/borderlessButtonStyle</item>

        <item name="segmentedButtonStyle">@android:style/Holo.SegmentedButton</item>

        这是系统 HOLO 主题对 ActionBar 样式的定义。从中可以看到有一些重要的样式属性定义，如 actionBarStye 、 actionButtonStyle 、 actionModeStyle 等。

二，              样式属性actionBarStyle

样式属性actionBarStyle定义了ActionBar的基本样式。

   <style name="Widget.Holo.ActionBar.TabView" parent="Widget.ActionBar.TabView">

        <item name="android:background">@drawable/tab_indicator_holo</item>

        <item name="android:paddingLeft">16dip</item>

        <item name="android:paddingRight">16dip</item>

    </style>

其父样式如下：

    <style name="Widget.ActionBar">

        <item name="android:background">@android:drawable/action_bar_background</item>

        <item name="android:displayOptions">useLogo|showHome|showTitle</item>

        <item name="android:divider">@android:drawable/action_bar_divider</item>

        <item name="android:height">?android:attr/actionBarSize</item>

        <item name="android:paddingLeft">0dip</item>

        <item name="android:paddingTop">0dip</item>

        <item name="android:paddingRight">0dip</item>

        <item name="android:paddingBottom">0dip</item>

        <item name="android:titleTextStyle">@android:style/TextAppearance.Widget.ActionBar.Title</item>

        <item name="android:subtitleTextStyle">@android:style/TextAppearance.Widget.ActionBar.Subtitle</item>

        <item name="android:progressBarStyle">@android:style/Widget.ProgressBar.Horizontal</item>

        <item name="android:indeterminateProgressStyle">@android:style/Widget.ProgressBar.Small</item>

        <item name="android:homeLayout">@android:layout/action_bar_home</item>

    </style>

其中，background定义了ActionBar的背景；

displayOptions定义了显示选项，这里声明了使用LOGO、显示Home以及Title。

homeLayout定义了ActionBar左边Home的布局，包括向左返回上一层那个箭头。

三，              样式属性actionButtonStyle

样式属性actionButtonStyle 定义了ActionBar上按钮的样式，比如ActionBar上的菜单按钮等。actionButtonStyle所引用的样式定义如下：

    <style name="Widget.Holo.ActionButton" parent="Widget.ActionButton">

        <item name="android:minWidth">56dip</item>

        <item name="android:gravity">center</item>

        <item name="android:paddingLeft">12dip</item>

        <item name="android:paddingRight">12dip</item>

        <item name="android:scaleType">center</item>

    </style>

从上面的定义看出，它定义了 Button 的最小宽度、居中样式、左右 padding 以及图片的放缩方式。再看看该样式的父样式，如下：

    <style name="Widget.ActionButton">

        <item name="android:background">?android:attr/actionBarItemBackground</item>

        <item name="android:paddingLeft">12dip</item>

        <item name="android:paddingRight">12dip</item>

        <item name="android:minWidth">56dip</item>

        <item name="android:minHeight">?android:attr/actionBarSize</item>

    </style>

从这里看出，子样式重写了父样式中的一些属性，但保留了背景和最小高度。这个背景 background 属性经过两次引用，引用了 HOLO 的如下属性：

    <item name="selectableItemBackground">@android:drawable/item_background_holo_dark</item>

通过分析，这里引用的 drawable 直接对应一张图片，而不是 selector 类型。

五，              样式属性actionMenuTextAppearance 和 actionMenuTextColor

样式属性actionMenuTextAppearance 和actionMenuTextColor定义了菜单的文本样式与颜色。

    <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">true</item>

    </style>

六，              样式属性actionBarWidgetThem

样式属性actionBarWidgetTheme 为被添加到ActionBar的操作栏中的Widget定义主题资源。

七，              样式属性actionBarStyle

样式属性actionBarStyle定义了ActionBar的基本样式。

    <style name="Widget.Holo.ActionBar" parent="Widget.ActionBar">

        <item name="android:titleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Title</item>

        <item name="android:subtitleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Subtitle</item>

        <item name="android:background">@android:drawable/ab_transparent_dark_holo</item>

        <item name="android:backgroundStacked">@android:drawable/ab_stacked_transparent_dark_holo</item>

        <item name="android:backgroundSplit">@android:drawable/ab_bottom_transparent_dark_holo</item>

        <item name="android:divider">?android:attr/dividerVertical</item>

        <item name="android:progressBarStyle">@android:style/Widget.Holo.ProgressBar.Horizontal</item>

        <item name="android:indeterminateProgressStyle">@android:style/Widget.Holo.ProgressBar</item>

        <item name="android:progressBarPadding">32dip</item>

        <item name="android:itemPadding">8dip</item>

    </style>

八，              样式属性actionBarTabStyle

样式属性 actionBarTabStyle 为Tab页的标签定义样式，其引用样式如下：

    <style name="Widget.Holo.ActionBar.TabView" parent="Widget.ActionBar.TabView">

        <item name="android:background">@drawable/tab_indicator_holo</item>

        <item name="android:paddingLeft">16dip</item>

        <item name="android:paddingRight">16dip</item>

    </style>

其 background 属性定义了 tab 标签的背景，其也是 selector 类型的 drawable 。下面是该 drawable 的具体定义：

<selector xmlns:android=" http://schemas.android.com/apk/res/android">

<!-- Non focused states -->

<item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_unselected_holo" />

<item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/tab_selected_holo" />

<!-- Focused states -->

<item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_unselected_focused_holo" />

<item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/tab_selected_focused_holo" />

<!-- Pressed -->

<!-- Non focused states -->

<item android:state_focused="false" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_holo" />

<item android:state_focused="false" android:state_selected="true" android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_holo" />

<!-- Focused states -->

<item android:state_focused="true" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_holo" />

<item android:state_focused="true" android:state_selected="true" android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_holo" /> 

</selector>

九，              样式属性actionBarTabBarStyle

样式属性actionBarTabBarStyle 定义了Tab标签之间分隔条。

    <style name="Widget.Holo.ActionBar.TabBar" parent="Widget.ActionBar.TabBar">

        <item name="android:divider">?android:attr/actionBarDivider</item>

        <item name="android:showDividers">middle</item>

        <item name="android:dividerPadding">12dip</item>

    </style>

十，               样式属 性 actionBarTabTextStyle
样式属性  actionBarTabTextStyle  定义了 Tab 的文本样式，如下：

    <style name="Widget.Holo.ActionBar.TabText" parent="Widget.ActionBar.TabText">

        <item name="android:textAppearance">@style/TextAppearance.Holo.Medium</item>

        <item name="android:textColor">?android:attr/textColorPrimary</item>

        <item name="android:textSize">12sp</item>

        <item name="android:textStyle">bold</item>

        <item name="android:textAllCaps">true</item>

        <item name="android:ellipsize">marquee</item>

        <item name="android:maxLines">2</item>

    </style>

十一，       样式属性actionDropDownStyle

样式属性 actionDropDownStyle 定义了下拉导航列表的样式，如下：

<style name="Widget.Holo.Spinner.DropDown.ActionBar">

      <item name="android:background">@android:drawable/spinner_ab_holo_dark</item>

</style>

其祖先样式：
    <style name="Widget.Holo.Spinner" parent="Widget.Spinner.DropDown">

        <item name="android:background">@android:drawable/spinner_background_holo_dark</item>

        <item name="android:dropDownSelector">@android:drawable/list_selector_holo_dark</item>

        <item name="android:popupBackground">@android:drawable/menu_dropdown_panel_holo_dark</item>

        <item name="android:dropDownVerticalOffset">0dip</item>

        <item name="android:dropDownHorizontalOffset">0dip</item>

        <item name="android:dropDownWidth">wrap_content</item>

        <item name="android:popupPromptView">@android:layout/simple_dropdown_hint</item>

        <item name="android:gravity">left|center_vertical</item>

    </style>