Android ActionBar高级自定义——设置标题居中和添加控件

转载地址：http://blog.csdn.net/gtbluesky/article/details/44656567

关于ActionBar的一些常见使用方法我已经在以前两篇博文（Android ActionBar彻底解析(上)和Android ActionBar彻底解析(下)）里面介绍的比较彻底了，然而在平常使用中咱们会发现一些知名厂商的APP的ActionBar多姿多彩（其实我想说的是千奇百怪），那么他们是如何作到的呢。首先咱们先看一下一些典型的例子：

网易云

Fuubo

QQ

 

如此看来是否是和Google官方提供的参考样式不太同样呢？尤为是QQ，基本上就不是遵循Google的设计规范来作的（这样设计好很差另说，这里咱们只讨论实现方法），那么它们又是如何实现的呢？

首先咱们知道ActionBar能够添加自定义的布局样式（setCustomView），那么突破口就在这里了，咱们能够经过自定义布局样式，在这个布局文件里面添加咱们须要在ActionBar上面显示的标题和控件等。

 

[java] view plain copy

1. @Override  
2.      protected void onCreate(Bundle savedInstanceState) {  
3.     super.onCreate(savedInstanceState);  
4.     setContentView(R.layout.activity_main);  
5.     setCustomActionBar();  
6. }  
7.   
8. private void setCustomActionBar() {  
9.     ActionBar.LayoutParams lp =new ActionBar.LayoutParams(ActionBar.LayoutParams.MATCH_PARENT, ActionBar.LayoutParams.MATCH_PARENT, Gravity.CENTER);  
10.     View mActionBarView = LayoutInflater.from(this).inflate(R.layout.actionbar_layout, null);  
11.     ActionBar actionBar = getActionBar();  
12.     actionBar.setCustomView(mActionBarView, lp);  
13.     actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);  
14.     actionBar.setDisplayShowCustomEnabled(true);  
15.     actionBar.setDisplayShowHomeEnabled(false);  
16.     actionBar.setDisplayShowTitleEnabled(false);  
17. }  

res/layout/actionbar_layout.xml

 

[html] view plain copy

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:layout_width="match_parent"  
3.     android:layout_height="match_parent">  
4.   
5.     <TextView  
6.         android:id="@android:id/title"  
7.         android:layout_width="wrap_content"  
8.         android:layout_height="wrap_content"  
9.         android:layout_centerInParent="true"  
10.         android:text="标题"  
11.         android:textColor="#ffffff"/>  
12. </RelativeLayout>  

这样便可设置ActionBar的标题居中显示了，注意若是ActionBar上面有Action View的话，布局会向中间收缩。

和标题居中相似，咱们也能够在布局上面添加其余控件，甚至咱们能够这样作

想必通过本文的介绍，各位如今已经可以模仿写出以前在本文开始的时候列举的那些APP的ActionBar了吧。

 

 

 

本文转载自（作了部分修改和补充）：http://blog.csdn.net/guolin_blog/article/details/25466665

限于篇幅的缘由，在上篇文章中咱们只学习了ActionBar基础部分的知识，那么本篇文章咱们将接着上一章的内容继续学习，探究一下ActionBar更加高级的知识。若是你尚未看过前面一篇文章的话，建议先去阅读Android ActionBar彻底解析(上)。

添加Action Provider

和Action View有点相似，Action Provider也能够将一个Action按钮替换成一个自定义的布局。但不一样的是，Action Provider可以彻底控制事件的全部行为，而且还能够在点击的时候显示子菜单。

为了添加一个Action Provider，咱们须要在<item>标签中指定一个actionViewClass属性，在里面填入Action Provider的完整类名。咱们能够经过继承ActionProvider类的方式来建立一个本身的Action Provider，同时，Android也提供好了几个内置的Action Provider，好比说ShareActionProvider。

因为每一个Action Provider均可以自由地控制事件响应，因此它们不须要在onOptionsItemSelected()方法中再去监听点击事件，而是应该在onPerformDefaultAction()方法中去执行相应的逻辑。

那么咱们就先来看一下ShareActionProvider的简单用法吧，编辑menu资源文件，在里面加入ShareActionProvider的声明，以下所示：

[html] view plaincopy

1. <menu xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     tools:context="com.example.actionbartest.MainActivity" >  
4.   
5.     <item  
6.         android:id="@+id/action_share"  
7.         android:actionProviderClass="android.widget.ShareActionProvider"  
8.         android:showAsAction="ifRoom"  
9.         android:title="@string/action_share" />  
10.     ......  
11.   
12. </menu>  

注意，ShareActionProvider会本身处理它的显示和事件，但咱们仍然要记得给它添加一个title，以防止它会在overflow当中出现。

 

接着剩下的事情就是经过Intent来定义出你想分享哪些东西了，咱们只须要在onCreateOptionsMenu()中调用MenuItem的getActionProvider()方法来获得该ShareActionProvider对象，再经过setShareIntent()方法去选择构建出什么样的一个Intent就能够了。代码以下所示：

[java] view plaincopy

1. @Override  
2. public boolean onCreateOptionsMenu(Menu menu) {  
3.     MenuInflater inflater = getMenuInflater();  
4.     inflater.inflate(R.menu.main, menu);  
5.     MenuItem shareItem = menu.findItem(R.id.action_share);  
6.     ShareActionProvider provider = (ShareActionProvider) shareItem.getActionProvider();  
7.     provider.setShareIntent(getDefaultIntent());  
8.     ......  
9.     return super.onCreateOptionsMenu(menu);  
10. }  
11.   
12. private Intent getDefaultIntent() {  
13.     Intent intent = new Intent(Intent.ACTION_SEND);  
14.     intent.setType("image/*");  
15.     return intent;  
16. }  

 

[java] view plain copy

1. //向特定程序发送文字  
2. private Intent getDefaultIntent() {    
3.     Intent intent = new Intent(Intent.ACTION_SEND);    
4.     intent.setType("text/plain");  
5.     intent.putExtra(Intent.EXTRA_TEXT, "Test actionbar's share function");    
6.     return intent;    
7. }   

 

能够看到，这里咱们经过getDefaultIntent()方法来构建了一个Intent，该Intent表示会将全部能够共享图片的程度都列出来。从新运行一下程序，效果以下图所示：

 

细心的你必定观察到了，这个ShareActionProvider点击以后是能够展开的，有点相似于overflow的效果，这就是Action Provider的子菜单。除了使用ShareActionProvider以外，咱们也能够自定义一个Action Provider，好比说若是想要创建一个拥有两项子菜单的Action Provider，就能够这样写：

[java] view plaincopy

1. public class MyActionProvider extends ActionProvider {  
2.       
3.     public MyActionProvider(Context context) {  
4.         super(context);  
5.     }  
6.   
7.     @Override  
8.     public View onCreateActionView() {  
9.         return null;  
10.     }  
11.   
12.     @Override  
13.     public void onPrepareSubMenu(SubMenu subMenu) {  
14.         subMenu.clear();  
15.         subMenu.add("sub item 1").setIcon(R.drawable.ic_launcher)  
16.                 .setOnMenuItemClickListener(new OnMenuItemClickListener() {  
17.                     @Override  
18.                     public boolean onMenuItemClick(MenuItem item) {  
19.                         return true;  
20.                     }  
21.                 });  
22.         subMenu.add("sub item 2").setIcon(R.drawable.ic_launcher)  
23.                 .setOnMenuItemClickListener(new OnMenuItemClickListener() {  
24.                     @Override  
25.                     public boolean onMenuItemClick(MenuItem item) {  
26.                         return false;  
27.                     }  
28.                 });  
29.     }  
30.   
31.     @Override  
32.     public boolean hasSubMenu() {  
33.         return true;  
34.     }  
35.   
36. }  

这里咱们新建了一个MyActionProvider继承自ActionProvider，为了表示这个Action Provider是有子菜单的，须要重写hasSubMenu()方法并返回true，而后在onPrepareSubMenu经过调用SubMenu的add()方法添加子菜单。

 

接着修改menu资源，在里面加入MyActionProvider的声明：

[html] view plaincopy

1. <menu xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     tools:context="com.example.actionbartest.MainActivity" >  
4.   
5.     <item  
6.         android:id="@+id/action_share"  
7.         android:actionProviderClass="com.example.actionbartest.MyActionProvider"  
8.         android:icon="@drawable/ic_launcher"  
9.         android:showAsAction="ifRoom"  
10.         android:title="@string/action_share" />  
11.     ......  
12.   
13. </menu>  

如今从新运行一下代码，结果如图所示：

 

 

添加下拉导航 Drop-down Navigation

 

具体步骤：
1.首先须要一个SpinnerAdapter设置下拉item的内容和显示的layout

2.实现ActionBar.OnNavigationListener这个接口，接口中有点击item的事件

3.设置navigation mode例如
ActionBar actionBar = getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);

4.用 setListNavigationCallbacks()方法来实现下拉选项，例如
actionBar.setListNavigationCallbacks(mSpinnerAdapter, mNavigationCallback);

例如：
res/values/arrays.xml

[html] view plain copy

1. <?xml version="1.0" encoding="utf-8"?>    
2. <resources>    
3.     <string-array name="action_list">    
4.         <item>First</item>    
5.         <item>Second</item>    
6.         <item>Third</item>    
7.     </string-array>    
8.     ...    
9. </resources>    

[java] view plain copy

1. @Override    
2. protected void onCreate(Bundle savedInstanceState) {    
3.     super.onCreate(savedInstanceState);    
4.     setContentView(R.layout.activity_main);    
5.     ActionBar actionBar = getActionBar();   
6.     ...    
7.     /** An array of strings to populate dropdown list */    
8.     final String[] actions = getResources().getStringArray(R.array.action_list);    
9.     /** Create an array adapter to populate dropdownlist */    
10.     ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_dropdown_item, actions);    
11.     /** Enabling dropdown list navigation for the action bar */    
12.     actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);    
13.     /** Defining Navigation listener */    
14.     ActionBar.OnNavigationListener navigationListener = new ActionBar.OnNavigationListener() {    
15.     
16.         @Override    
17.         public boolean onNavigationItemSelected(int itemPosition, long itemId) {    
18.             Toast.makeText(MainActivity.this, "You selected : " + actions[itemPosition], Toast.LENGTH_SHORT).show();    
19.             return false;    
20.     
21.         }    
22.     
23.     };    
24.     
25.     /**  
26.      * Setting dropdown items and item navigation listener for the actionbar  
27.      */    
28.     actionBar.setListNavigationCallbacks(adapter, navigationListener);    
29. }   

 

添加导航Tabs

Tabs的应用能够算是很是普遍了，它可使得用户很是轻松地在你的应用程序中切换不一样的视图。而Android官方更加推荐使用ActionBar中提供的Tabs功能，由于它更加的智能，能够自动适配各类屏幕的大小。好比说，在平板上屏幕的空间很是充足，Tabs会和Action按钮在同一行显示，以下图所示：

而若是是在手机上，屏幕的空间不够大的话，Tabs和Action按钮则会分为两行显示，以下图所示：

下面咱们就来看一下如何使用ActionBar提供的Tab功能，大体能够分为如下几步：

1. 实现ActionBar.TabListener接口，这个接口提供了Tab事件的各类回调，好比当用户点击了一个Tab时，你就能够进行切换Tab的操做。

2.为每个你想添加的Tab建立一个ActionBar.Tab的实例，而且调用setTabListener()方法来设置ActionBar.TabListener。除此以外，还须要调用setText()方法来给当前Tab设置标题。

3.最后调用ActionBar的addTab()方法将建立好的Tab添加到ActionBar中。

看起来并不复杂，总共就只有三步，那么咱们如今就来尝试一下吧。首先第一步须要建立一个实现ActionBar.TabListener接口的类，代码以下所示：

[java] view plaincopy

1. public class TabListener<T extends Fragment> implements ActionBar.TabListener {  
2.     private Fragment mFragment;  
3.     private final Activity mActivity;  
4.     private final String mTag;  
5.     private final Class<T> mClass;  
6.   
7.     public TabListener(Activity activity, String tag, Class<T> clz) {  
8.         mActivity = activity;  
9.         mTag = tag;  
10.         mClass = clz;  
11.     }  
12.   
13.     public void onTabSelected(Tab tab, FragmentTransaction ft) {  
14.         if (mFragment == null) {  
15.             mFragment = Fragment.instantiate(mActivity, mClass.getName());  
16.             ft.add(android.R.id.content, mFragment, mTag);  
17.         } else {  
18.             ft.attach(mFragment);  
19.         }  
20.     }  
21.   
22.     public void onTabUnselected(Tab tab, FragmentTransaction ft) {  
23.         if (mFragment != null) {  
24.             ft.detach(mFragment);  
25.         }  
26.     }  
27.   
28.     public void onTabReselected(Tab tab, FragmentTransaction ft) {  
29.     }  
30. }  

这段代码并不长，咱们简单分析一下。当Tab被选中的时候会调用onTabSelected()方法，在这里咱们先判断mFragment是否为空，若是为空的话就建立Fragment的实例并调用FragmentTransaction的add()方法，若是不会空的话就调用FragmentTransaction的attach()方法。

 

而当Tab没有被选中的时候，则调用FragmentTransaction的detach()方法，将UI资源释放掉。

当Tab被从新选中的时候会调用onTabReselected()方法，若是没有特殊需求的话，一般是不须要进行处理的。

接下来第二步要给每个Tab建立一个ActionBar.Tab的实例，在此以前要先准备好每一个Tab页对应的Fragment。好比说这里咱们想建立两个Tab页，Artist和Album，那就要先准备好这两个Tab页对应的Fragment。首先新建ArtistFragment，代码以下所示：

[java] view plaincopy

1. public class ArtistFragment extends Fragment {  
2.   
3.     @Override  
4.     public View onCreateView(LayoutInflater inflater, ViewGroup container,  
5.             Bundle savedInstanceState) {  
6.         TextView textView = new TextView(getActivity());  
7.         textView.setText("Artist Fragment");  
8.         textView.setGravity(Gravity.CENTER_HORIZONTAL);  
9.         LinearLayout layout = new LinearLayout(getActivity());  
10.         LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);  
11.         layout.addView(textView, params);  
12.         return layout;  
13.     }  
14.   
15. }  

没有什么实质性的代码，只是在TextView中显示了Artist Fragment这个字符串。

 

而后如法炮制，新建AlbumFragment，代码以下所示：

[java] view plaincopy

1. public class AlbumFragment extends Fragment {  
2.       
3.     @Override  
4.     public View onCreateView(LayoutInflater inflater, ViewGroup container,  
5.             Bundle savedInstanceState) {  
6.         TextView textView = new TextView(getActivity());  
7.         textView.setText("Album Fragment");  
8.         textView.setGravity(Gravity.CENTER_HORIZONTAL);  
9.         LinearLayout layout = new LinearLayout(getActivity());  
10.         LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);  
11.         layout.addView(textView, params);  
12.         return layout;  
13.     }  
14.   
15. }  

Fragment都准备好了以后，接下来就能够开始建立Tab实例了，建立好了以后则再调用addTab()方法添加到ActionBar当中，这两步一般都是在Activity的onCreate()方法中执行的，代码以下：

[java] view plaincopy

1. @Override  
2. protected void onCreate(Bundle savedInstanceState) {  
3.     super.onCreate(savedInstanceState);  
4.     setTitle("天气");  
5.     ActionBar actionBar = getActionBar();  
6.     actionBar.setDisplayHomeAsUpEnabled(true);  
7.     setOverflowShowingAlways();  
8.     actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);  
9.     Tab tab = actionBar  
10.             .newTab()  
11.             .setText(R.string.artist)  
12.             .setTabListener(  
13.                     new TabListener<ArtistFragment>(this, "artist",  
14.                             ArtistFragment.class));  
15.     actionBar.addTab(tab);  
16.     tab = actionBar  
17.             .newTab()  
18.             .setText(R.string.album)  
19.             .setTabListener(  
20.                     new TabListener<AlbumFragment>(this, "album",  
21.                             AlbumFragment.class));  
22.     actionBar.addTab(tab);  
23. }  

能够看到，这里是使用连缀的写法来建立Tab的。首先调用ActionBar的newTab()方法来建立一个Tab实例，接着调用了setText()方法来设置标题，而后再调用setTabListener()方法来设置事件监听器，最后再调用ActionBar的addTab()方法将Tab添加到ActionBar中。
好了，这样的话代码就编写完了，从新运行一下程序，效果以下图所示：

 

自定义ActionBar样式

虽然说ActionBar给用户提供了一种全局统一的界面风格和操做方式，但这并不意味着全部应用程序的ActionBar都必需要长得如出一辙。若是你须要修改ActionBar的样式来更加好地适配你的应用，能够很是简单地经过Android样式和主题来实现。

其实Android内置的几个Activity主题中就已经包含了"dark"或"light"这样的ActionBar样式了，同时你也能够继承这些主题，而后进行更深一步的定制。

1. 使用主题

Android中有两个最基本的Activity主题能够用于指定ActionBar的颜色，分别是：

• Theme.Holo，这是一个深色系的主题。
• Theme.Holo.Light，这是一个浅色系的主题。

深色系主题样式的效果以下图所示：

浅色系主题样式的效果以下图所示：

你能够将这些主题应用到你的整个应用程序，也能够只应用于某个Activity。经过在AndroidManifest.xml文件中给<application>或<activity>标签指定android:theme属性就能够实现了。好比：[html] view plaincopy

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

若是你只想让ActionBar使用深色系的主题，而Activity的内容部分仍然使用浅色系的主题，能够经过声明Theme.Holo.Light.DarkActionBar这个主题来实现，效果以下图所示：

2. 自定义背景

若是想要修改ActionBar的背景，咱们能够经过建立一个自定义主题并重写actionBarStyle属性来实现。这个属性能够指向另一个样式，而后咱们在这个样式中重写background这个属性就能够指定一个drawable资源或颜色，从而实现自定义背景的功能。

编辑styles.xml文件，在里面加入一个自定义的主题，以下所示：[html] view plaincopy

1. <resources>  
2.   
3.     <style name="CustomActionBarTheme" parent="@android:style/Theme.Holo.Light">  
4.         <item name="android:actionBarStyle">@style/MyActionBar</item>  
5.     </style>  
6.   
7.     <style name="MyActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">  
8.         <item name="android:background">#f4842d</item>  
9.     </style>  
10.   
11. </resources>  

能够看到，这里咱们定义了一个CustomActionBarTheme主题，并让它继承自Theme.Holo.Light。而后在其内部重写了actionBarStyle这个属性，而后将这个属性指向了MyActionBar这个样式，咱们在这个样式中又重写了background属性，并给它指定了一个背景色。

如今从新运行一下程序，效果以下图所示：

这样咱们就成功修改ActionBar的背景色了。不过如今看上去还有点怪怪的，由于只是ActionBar的背景色改变了，Tabs的背景色仍是原来的样子，这样就感受不太协调。那么下面咱们立刻就来修改一下Tabs的背景色，编辑styles.xml文件，以下所示：[html] view plaincopy

1. <resources>  
2.   
3.     <style name="CustomActionBarTheme" parent="@android:style/Theme.Holo.Light">  
4.         <item name="android:actionBarStyle">@style/MyActionBar</item>  
5.     </style>  
6.   
7.     <style name="MyActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">  
8.         <item name="android:background">#f4842d</item>  
9.         <item name="android:backgroundStacked">#d27026</item>  
10.     </style>  
11.   
12. </resources>  

能够看到，这里又重写了backgroundStacked属性，这个属性就是用于指定Tabs背景色的。那么再次从新运行程序，效果以下图所示：

3. 自定义文字颜色

如今整个ActionBar的颜色是属于偏暗系的，而ActionBar中文字的颜色又恰恰是黑色的，因此看起来并不舒服，那么接下来咱们就学习一下若是自定义文字颜色，将文字颜色改为白色。

修改styles.xml文件，以下所示：[html] view plaincopy

1. <resources>  
2.   
3.     ......  
4.   
5.     <style name="MyActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">  
6.         ......  
7.         <item name="android:titleTextStyle">@style/MyActionBarTitleText</item>  
8.     </style>  
9.   
10.     <style name="MyActionBarTitleText" parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Title">  
11.         <item name="android:textColor">#fff</item>  
12.     </style>  
13.   
14. </resources>  

能够看到，这里在MyActionBar样式里面重写了titleTextStyle属性，并将它指向了另外一个自定义样式MyActionBarTitleText，接着咱们在这个样式中指定textColor的颜色是#fff，也就是白色。

如今从新运行一下程序，结果以下图所示：

OK，ActionBar标题文字的颜色已经成功改为白色了，那Tab标题的文字又该怎么修改呢？继续编辑styles.xml文件，以下所示：[html] view plaincopy

1. <resources>  
2.   
3.     <style name="CustomActionBarTheme" parent="@android:style/Theme.Holo.Light">  
4.         <item name="android:actionBarStyle">@style/MyActionBar</item>  
5.         <item name="android:actionBarTabTextStyle">@style/MyActionBarTabText</item>  
6.     </style>  
7.       
8.     <style name="MyActionBarTabText"  
9.            parent="@android:style/Widget.Holo.ActionBar.TabText">  
10.         <item name="android:textColor">#fff</item>  
11.     </style>  
12.   
13. </resources>  

这里咱们在CustomActionBarTheme主题中重写actionBarTabTextStyle属性，并将它指向一个新建的MyActionBarTabText样式，而后在这个样式中重写textColor属性，将颜色指定为白色便可。

从新运行一下程序，结果以下图所示：

4. 自定义Tab Indicator

为了能够明确分辨出咱们当前选中的是哪个Tab项，一般状况下都会在选中Tab的下面加上一条横线做为标识，这被称做Tab Indicator。那么上图中的Tab Indicator是蓝色的，明显和总体风格不相符，因此咱们接下来就学习一下如何自定义Tab Indicator。

首先咱们须要重写actionBarTabStyle这个属性，而后将它指向一个新建的Tab样式，而后重写background这个属性便可。须要注意的是，background必需要指定一个state-list drawable文件，这样在各类不一样状态下才能显示出不一样的效果。

那么在开始以前，首先咱们须要准备四张图片，分别用于表示Tab的四种状态，以下所示：

                           

这四张图片分别表示Tab选中未按下，选中且按下，未选中未按下，未选中且按下这四种状态，那么接着新建res/drawable/actionbar_tab_indicator.xml文件，代码以下所示：[html] view plaincopy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
3.   
4.     <item  android:state_selected="false"  
5.           android:state_pressed="false"  
6.           android:drawable="@drawable/tab_unselected" />  
7.     <item android:state_selected="true"  
8.           android:state_pressed="false"  
9.           android:drawable="@drawable/tab_selected" />  
10.     <item android:state_selected="false"  
11.           android:state_pressed="true"  
12.           android:drawable="@drawable/tab_unselected_pressed" />  
13.     <item android:state_selected="true"  
14.           android:state_pressed="true"  
15.           android:drawable="@drawable/tab_selected_pressed" />  
16.   
17. </selector>  

四种状态分别引用了四张图片，这样就把state-list drawable文件写好了。接着修改style.xml文件，代码以下所示：[html] view plaincopy

1. <resources>  
2.   
3.     <style name="CustomActionBarTheme" parent="@android:style/Theme.Holo.Light">  
4.         ......  
5.         <item name="android:actionBarTabStyle">@style/MyActionBarTabs</item>  
6.     </style>  
7.       
8.     <style name="MyActionBarTabs" parent="@android:style/Widget.Holo.ActionBar.TabView">  
9.         <item name="android:background">@drawable/actionbar_tab_indicator</item>  
10.     </style>  
11.   
12. </resources>  

这里先是重写了actionBarTabStyle这个属性，并将它指向了另外一个自定义样式MyActionBarTabs，接着在这个样式中重写background属性，而后指向咱们刚才建立的actionbar_tab_indicator便可。

如今从新运行一下程序，效果以下所示：

能够看到，Tab Indicator的颜色已经变成了白色，这样看上去就协调得多了。

不过或许你们也发现了，若是本身去手动自定义主题实在是一件辛苦且无聊的事情，不过谷歌已经为咱们考虑到了，它提供了一个能够在线编辑ActionBar主题的网站：http://jgilfelt.github.io/android-actionbarstylegenerator，方便快捷自定义主题，大大提升了效率。

除此以外，Action Bar还有许许多多的属性能够进行自定义，这里咱们没法一一涵盖到本篇文章中，更多的自定义属性请参考官方文档进行学习。

好了，本篇文章的讲解就到这里，结合上下两篇，咱们已经把ActionBar中最经常使用的功能都学会了，下篇文章中我会带领你们一块儿实战Action Bar的用法。