Action bar 為用戶提供一種熟悉可預(yù)測(cè)的方式來(lái)展示操作和導(dǎo)航，但是這并不意味著我們的 app 要看起來(lái)和其他 app 一樣。如果想將 action bar 的風(fēng)格設(shè)計(jì)的合乎我們產(chǎn)品的定位，只需簡(jiǎn)單地使用 Android 的樣式和主題資源。

Android 包括一少部分內(nèi)置的 activity 主題，這些主題中包含 “dark” 或 “l(fā)ight” 的 action bar 樣式。我們也可以擴(kuò)展這些主題，以便于更好的為 action bar 自定義外觀。

注意：如果我們?yōu)?action bar 使用了 Support 庫(kù)的 API，那我們必須使用（或重寫(xiě)） Theme.AppCompat 家族樣式（甚至 Theme.Holo 家族，在 API level 11 或更高版本中可用）。如此一來(lái)，聲明的每一個(gè)樣式屬性都必須被聲明兩次：一次使用系統(tǒng)平臺(tái)的樣式屬性（android: 屬性），另一次使用 Support 庫(kù)中的樣式屬性（appcompat.R.attr 屬性 - 這些屬性的上下文其實(shí)就是我們的 app）。更多細(xì)節(jié)請(qǐng)查看下面的示例。

使用一個(gè) Android 主題

Android 包含兩個(gè)基本的 activity 主題，這兩個(gè)主題決定了 action bar 的顏色：

Theme.Holo，一個(gè) “dark” 的主題
Theme.Holo.Light，一個(gè) “l(fā)ight” 的主題

http://wiki.jikexueyuan.com/project/android-training-geek/images/actionbar-theme-dark@2x.png" alt="actionbar-theme-dark@2x.png" />

http://wiki.jikexueyuan.com/project/android-training-geek/images/actionbar-theme-light-solid@2x.png" alt="actionbar-theme-light-solid@2x.png" />

這些主題即可以被應(yīng)用到 app 全局，也可以通過(guò)在 manifest 文件中設(shè)置 <application> 元素或 <activity> 元素的 android:theme 屬性，對(duì)單一的 activity 進(jìn)行設(shè)置。

例如：

<application android:theme="@android:style/Theme.Holo.Light" ... />

可以通過(guò)聲明 activity 的主題為 Theme.Holo.Light.DarkActionBar 來(lái)達(dá)到如下效果：action bar 為dark，其他部分為light。

http://wiki.jikexueyuan.com/project/android-training-geek/images/actionbar-theme-light-darkactionbar@2x.png" alt="actionbar-theme-light-darkactionbar@2x.png" />

當(dāng)使用 Support 庫(kù)時(shí)，必須使用 Theme.AppCompat 主題替代：

Theme.AppCompat，一個(gè)“dark”的主題
Theme.AppCompat.Light，一個(gè)“l(fā)ight”的主題
Theme.AppCompat.Light.DarkActionBar，一個(gè)帶有“dark” action bar 的“l(fā)ight”主題

一定要確保我們使用的 action bar icon 的顏色與 action bar 本身的顏色有差異。Action Bar Icon Pack 為 Holo “dark”和“l(fā)ight”的 action bar 提供了標(biāo)準(zhǔn)的 action icon。

自定義背景

為改變 action bar的背景，可以通過(guò)為 activity 創(chuàng)建一個(gè)自定義主題，并重寫(xiě) actionBarStyle 屬性來(lái)實(shí)現(xiàn)。actionBarStyle 屬性指向另一個(gè)樣式；在該樣式里，通過(guò)指定一個(gè) drawable 資源來(lái)重寫(xiě) background 屬性。

http://wiki.jikexueyuan.com/project/android-training-geek/images/actionbar-theme-custom@2x.png" alt="actionbar-theme-custom@2x.png" />

如果我們的 app 使用了 navigation tabs 或 split action bar ，也可以通過(guò)分別設(shè)置 backgroundStacked 和 backgroundSplit 屬性來(lái)為這些條指定背景。

Note：為自定義主題和樣式聲明一個(gè)合適的父主題，這點(diǎn)很重要。如果沒(méi)有父樣式，action bar將會(huì)失去很多默認(rèn)的樣式屬性，除非我們自己顯式的對(duì)他們進(jìn)行聲明。

僅支持 Android 3.0 和更高

當(dāng)僅支持 Android 3.0 和更高版本時(shí)，可以通過(guò)如下方式定義 action bar 的背景：

res/values/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- 應(yīng)用于程序或者活動(dòng)的主題 -->
    <style name="CustomActionBarTheme"
           parent="@android:style/Theme.Holo.Light.DarkActionBar">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
    </style>
    <!-- ActionBar 樣式 -->
    <style name="MyActionBar"
           parent="@android:style/Widget.Holo.Light.ActionBar.Solid.Inverse">
        <item name="android:background">@drawable/actionbar_background</item>
    </style>
</resources>

然后，將主題應(yīng)用到 app 全局或單個(gè)的 activity 之中：

<application android:theme="@style/CustomActionBarTheme" ... />

支持 Android 2.1 和更高

當(dāng)使用 Support 庫(kù)時(shí)，上面同樣的主題必須被替代成如下：

res/values/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- 應(yīng)用于程序或者活動(dòng)的主題 -->
    <style name="CustomActionBarTheme"
           parent="@style/Theme.AppCompat.Light.DarkActionBar">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
        <!-- 支持庫(kù)兼容 -->
        <item name="actionBarStyle">@style/MyActionBar</item>
    </style>
    <!-- ActionBar 樣式 -->
    <style name="MyActionBar"
           parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
        <item name="android:background">@drawable/actionbar_background</item>
        <!-- 支持庫(kù)兼容 -->
        <item name="background">@drawable/actionbar_background</item>
    </style>
</resources>

然后，將主題應(yīng)用到 app 全局或單個(gè)的 activity 之中：

<application android:theme="@style/CustomActionBarTheme" ... />

自定義文本顏色

修改 action bar 中的文本顏色，需要分別設(shè)置每個(gè)元素的屬性：

Action bar 的標(biāo)題：創(chuàng)建一種自定義樣式，并指定 textColor 屬性；同時(shí)，在自定義的 actionBarStyle 中為 titleTextStyle 屬性指定為剛才的自定義樣式。

注意：被應(yīng)用到 titleTextStyle 的自定義樣式應(yīng)該使用 TextAppearance.Holo.Widget.ActionBar.Title 作為父樣式。

Action bar tabs：在 activity 主題中重寫(xiě) actionBarTabTextStyle
Action 按鈕：在 activity 主題中重寫(xiě) actionMenuTextColor

僅支持 Android 3.0 和更高

當(dāng)僅支持 Android 3.0 和更高時(shí)，樣式 XML 文件應(yīng)該是這樣的：

res/values/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- 應(yīng)用于程序或者活動(dòng)的主題 -->
    <style name="CustomActionBarTheme"
           parent="@style/Theme.Holo">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
        <item name="android:actionBarTabTextStyle">@style/MyActionBarTabText</item>
        <item name="android:actionMenuTextColor">@color/actionbar_text</item>
    </style>
    <!-- ActionBar 樣式 -->
    <style name="MyActionBar"
           parent="@style/Widget.Holo.ActionBar">
        <item name="android:titleTextStyle">@style/MyActionBarTitleText</item>
    </style>
    <!-- ActionBar 標(biāo)題文本 -->
    <style name="MyActionBarTitleText"
           parent="@style/TextAppearance.Holo.Widget.ActionBar.Title">
        <item name="android:textColor">@color/actionbar_text</item>
    </style>
    <!-- ActionBar Tab標(biāo)簽 文本樣式 -->
    <style name="MyActionBarTabText"
           parent="@style/Widget.Holo.ActionBar.TabText">
        <item name="android:textColor">@color/actionbar_text</item>
    </style>
</resources>

支持 Android 2.1 和更高

當(dāng)使用 Support 庫(kù)時(shí)，樣式 XML 文件應(yīng)該是這樣的：

res/values/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- 應(yīng)用于程序或者活動(dòng)的主題 -->
    <style name="CustomActionBarTheme"
           parent="@style/Theme.AppCompat">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
        <item name="android:actionBarTabTextStyle">@style/MyActionBarTabText</item>
        <item name="android:actionMenuTextColor">@color/actionbar_text</item>
        <!-- 支持庫(kù)兼容 -->
        <item name="actionBarStyle">@style/MyActionBar</item>
        <item name="actionBarTabTextStyle">@style/MyActionBarTabText</item>
        <item name="actionMenuTextColor">@color/actionbar_text</item>
    </style>
    <!-- ActionBar 樣式 -->
    <style name="MyActionBar"
           parent="@style/Widget.AppCompat.ActionBar">
        <item name="android:titleTextStyle">@style/MyActionBarTitleText</item>
        <!-- 支持庫(kù)兼容 -->
        <item name="titleTextStyle">@style/MyActionBarTitleText</item>
    </style>
    <!-- ActionBar 標(biāo)題文本 -->
    <style name="MyActionBarTitleText"
           parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
        <item name="android:textColor">@color/actionbar_text</item>
        <!-- 文本顏色屬性textColor是可以配合支持庫(kù)向后兼容的 -->
    </style>
    <!-- ActionBar Tab標(biāo)簽文本樣式 -->
    <style name="MyActionBarTabText"
           parent="@style/Widget.AppCompat.ActionBar.TabText">
        <item name="android:textColor">@color/actionbar_text</item>
        <!-- 文本顏色屬性textColor是可以配合支持庫(kù)向后兼容的 -->
    </style>
</resources>

自定義 Tab Indicator

為 activity 創(chuàng)建一個(gè)自定義主題，通過(guò)重寫(xiě) actionBarTabStyle 屬性來(lái)改變 navigation tabs 使用的指示器。actionBarTabStyle 屬性指向另一個(gè)樣式資源；在該樣式資源里，通過(guò)指定一個(gè)state-list drawable 來(lái)重寫(xiě) background 屬性。 http://wiki.jikexueyuan.com/project/android-training-geek/images/actionbar-theme-custom-tabs@2x.png" alt="" />

注意：一個(gè)state-list drawable 是重要的，它可以通過(guò)不同的背景來(lái)指出當(dāng)前選擇的 tab 與其他 tab 的區(qū)別。更多關(guān)于如何創(chuàng)建一個(gè) drawable 資源來(lái)處理多個(gè)按鈕狀態(tài)，請(qǐng)閱讀 State List 文檔。

例如，這是一個(gè)狀態(tài)列表 drawable，為一個(gè) action bar tab 的多種不同狀態(tài)分別指定背景圖片：

res/drawable/actionbar_tab_indicator.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 按鈕沒(méi)有按下的狀態(tài) -->
    <!-- 沒(méi)有焦點(diǎn)的狀態(tài) -->
    <item android:state_focused="false" android:state_selected="false"
          android:state_pressed="false"
          android:drawable="@drawable/tab_unselected" />
    <item android:state_focused="false" android:state_selected="true"
          android:state_pressed="false"
          android:drawable="@drawable/tab_selected" />
    <!-- 有焦點(diǎn)的狀態(tài) (例如D-Pad控制或者鼠標(biāo)經(jīng)過(guò)) -->
    <item android:state_focused="true" android:state_selected="false"
          android:state_pressed="false"
          android:drawable="@drawable/tab_unselected_focused" />
    <item android:state_focused="true" android:state_selected="true"
          android:state_pressed="false"
          android:drawable="@drawable/tab_selected_focused" />
    <!--  按鈕按下的狀態(tài)D -->
    <!-- 沒(méi)有焦點(diǎn)的狀態(tài) -->
    <item android:state_focused="false" android:state_selected="false"
          android:state_pressed="true"
          android:drawable="@drawable/tab_unselected_pressed" />
    <item android:state_focused="false" android:state_selected="true"
        android:state_pressed="true"
        android:drawable="@drawable/tab_selected_pressed" />
    <!--有焦點(diǎn)的狀態(tài) (例如D-Pad控制或者鼠標(biāo)經(jīng)過(guò))-->
    <item android:state_focused="true" android:state_selected="false"
          android:state_pressed="true"
          android:drawable="@drawable/tab_unselected_pressed" />
    <item android:state_focused="true" android:state_selected="true"
          android:state_pressed="true"
          android:drawable="@drawable/tab_selected_pressed" />
</selector>

僅支持 Android 3.0 和更高

當(dāng)僅支持 Android 3.0 和更高時(shí)，樣式 XML 文件應(yīng)該是這樣的：

res/values/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- 應(yīng)用于程序或活動(dòng)的主題 -->
    <style name="CustomActionBarTheme"
           parent="@style/Theme.Holo">
        <item name="android:actionBarTabStyle">@style/MyActionBarTabs</item>
    </style>
    <!-- ActionBar tabs 標(biāo)簽樣式 -->
    <style name="MyActionBarTabs"
           parent="@style/Widget.Holo.ActionBar.TabView">
        <!-- 標(biāo)簽指示器 -->
        <item name="android:background">@drawable/actionbar_tab_indicator</item>
    </style>
</resources>

支持 Android 2.1 和更高

當(dāng)使用 Support 庫(kù)時(shí)，樣式 XML 文件應(yīng)該是這樣的：

res/values/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- 應(yīng)用于程序或活動(dòng)的主題 -->
    <style name="CustomActionBarTheme"
           parent="@style/Theme.AppCompat">
        <item name="android:actionBarTabStyle">@style/MyActionBarTabs</item>
        <!-- 支持庫(kù)兼容 -->
        <item name="actionBarTabStyle">@style/MyActionBarTabs</item>
    </style>
    <!-- ActionBar tabs 樣式 -->
    <style name="MyActionBarTabs"
           parent="@style/Widget.AppCompat.ActionBar.TabView">
        <!-- 標(biāo)簽指示器 -->
        <item name="android:background">@drawable/actionbar_tab_indicator</item>
        <!-- 支持庫(kù)兼容 -->
        <item name="background">@drawable/actionbar_tab_indicator</item>
    </style>
</resources>

更多資源

關(guān)于 action bar 的更多樣式屬性，請(qǐng)查看 Action Bar 指南

學(xué)習(xí)更多樣式的工作機(jī)制，請(qǐng)查看樣式和主題指南

全面的 action bar 樣式，請(qǐng)嘗試 Android Action Bar 樣式生成器

上一篇：啟動(dòng)另一個(gè)Activity下一篇：拖拽與縮放

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

自定義ActionBar的風(fēng)格

使用一個(gè) Android 主題

自定義背景

僅支持 Android 3.0 和更高

支持 Android 2.1 和更高

自定義文本顏色

僅支持 Android 3.0 和更高

支持 Android 2.1 和更高

自定義 Tab Indicator

僅支持 Android 3.0 和更高

支持 Android 2.1 和更高