Android ActionBar 一步一步分析

た入场券 2022-08-02 06:54 286阅读 0赞

1.Action Bar 介绍

我们能在应用中看见的actionbar一般就是下图的样子，比如快图应用

![20130502103745486][]

1.App icon 应用的图标，左侧带应用相当于back返回键

2.ViewControl

3.Action button 相当于普通的Button可以监听点击事件

4.Action overflow 三个点，相当于手机上的menu键，可以显示隐藏的action button

下面是一个简单的关于Action Bar的例子：

**\[java\]**  [view plain][] [copy][view plain]

1.  **package** com.example.demo\_actionbarbasic;  
2.  **import** com.example.demo\_actionbarbasic.R;  
3.  **import** android.app.ActionBar;  
4.  **import** android.app.Activity;  
5.  **import** android.content.Intent;  
6.  **import** android.os.Bundle;  
7.  **import** android.view.Menu;  
8.  **import** android.view.MenuItem;  
9.  **import** android.widget.Toast;  
10.   
11. **public** **class** MainActivity **extends** Activity \{  
12.     **private** MenuItem menuItem = **null**;  
13.       
14.     @Override  
15.     **protected** **void** onCreate(Bundle savedInstanceState) \{  
16.         **super**.onCreate(savedInstanceState);  
17.         setContentView(R.layout.activity\_main);  
18.         // 通过hilde()和show()方法可以控制actionbar的隐藏和显示  
19.         // ActionBar actionBar = getActionBar();  
20.         // actionBar.hide();  
21.         // actionBar.show();  
22.     \}  
23.   
24.     // 我们可以看到，actonbar的用法跟选项菜单是一样的  
25.     @Override  
26.     **public** **boolean** onCreateOptionsMenu(Menu menu) \{  
27.         // Inflate the menu; this adds items to the action bar if it is present.  
28.         getMenuInflater().inflate(R.menu.activity\_main, menu);  
29.         **return** **true**;  
30.     \}  
31.   
32.     @Override  
33.     **public** **boolean** onOptionsItemSelected(MenuItem item) \{  
34.         **switch** (item.getItemId()) \{  
35.         **case** R.id.action\_refresh:  
36.             Toast.makeText(**this**, "Menu Item refresh selected",  
37.                     Toast.LENGTH\_SHORT).show();  
38.             **break**;  
39.         **case** R.id.action\_about:  
40.             Toast.makeText(**this**, "Menu Item about selected", Toast.LENGTH\_SHORT)  
41.                     .show();  
42.             **break**;  
43.         **case** R.id.action\_edit:  
44.             Toast.makeText(**this**, "Menu Item edit selected", Toast.LENGTH\_SHORT)  
45.                     .show();  
46.             **break**;  
47.         **case** R.id.action\_search:  
48.             Toast.makeText(**this**, "Menu Item search selected",  
49.                     Toast.LENGTH\_SHORT).show();  
50.             **break**;  
51.         **case** R.id.action\_help:  
52.             Toast.makeText(**this**, "Menu Item  settings selected",  
53.                     Toast.LENGTH\_SHORT).show();  
54.             **break**;  
55.         **default**:  
56.             **break**;  
57.         \}  
58.         **return** **super**.onOptionsItemSelected(item);  
59.     \}  
60. \}

**\[html\]**  [view plain][] [copy][view plain]

1.  **<****menu** xmlns:android="http://schemas.android.com/apk/res/android" **>**  
2.      **<****item**  
3.          android:id="@+id/menu\_settings"  
4.          android:orderInCategory="100"  
5.          android:showAsAction="never"  
6.          android:title="settings"**/>**  
7.      **<****item**  
8.          android:id="@+id/action\_refresh"  
9.          android:icon="@drawable/navigation\_refresh"  
10.         android:orderInCategory="101"  
11.         android:showAsAction="ifRoom|withText"  
12.         android:title="refresh"**/>**  
13.     **<****item**  
14.         android:id="@+id/action\_about"  
15.         android:icon="@drawable/action\_about"  
16.         android:orderInCategory="101"  
17.         android:showAsAction="ifRoom"  
18.         android:title="about"**/>**  
19.     **<****item**  
20.         android:id="@+id/action\_search"  
21.         android:icon="@drawable/action\_search"  
22.         android:orderInCategory="103"  
23.         android:showAsAction="ifRoom"**/>**  
24.     **<****item**  
25.         android:id="@+id/action\_edit"  
26.         android:icon="@android:drawable/ic\_menu\_edit"  
27.         android:orderInCategory="105"  
28.         android:showAsAction="ifRoom"  
29.         android:title="edit"**/>**  
30.     **<****item**  
31.         android:id="@+id/action\_help"  
32.         android:showAsAction="always"  
33.         android:title="help"**/>**  
34.     **<****item**  
35.         android:id="@+id/action\_email"  
36.         android:icon="@android:drawable/ic\_dialog\_email"  
37.         android:orderInCategory="106"  
38.         android:showAsAction="ifRoom"  
39.         android:title="email"**/>**  
40. **</****menu****>**

onCreateOptionsMenu()方法用来加载menu文件夹中定义的xml文件，用来显示action bar。onOptionsItemSelected()方法用来加入点击事件。

效果图：

![20130515214110431][]        ![20130515214152302][]

左图的效果我们看到只能显示两个action button，由于屏幕的空间有限，其他的action button会被隐藏。横屏的时候我们可以显示4个，还有3个被隐藏起来了。当我们按手机上的更多键时可以显示出来关于action button的文字信息，一定要在item标签中加入title属性。

android:showAsAction=*"ifRoom"ifRomm表示有空间的时候显示。*

android:showAsAction=*"always"表示总是显示*

android:showAsAction=*"ifRoom|withText"有空间的时候同时显示title标题*

其他属性可以自己试试。

**2.显示3个点的更多action button**

从上面的代码我们知道，即使我们横屏也显示不出全部action button。我们可以加入3个点的action button来用下拉显示的方式，显示跟多的action button。在网上的信息得知，只要你的手机有menu键actionbar就不会显示3个点的更多或者说3个点的menu按钮。从上面的代码我们知道，即使我们横屏也显示不出全部action button。我们可以加入3个点的action button来用下拉显示的方式，显示跟多的action button。在网上的信息得知，只要你的手机有menu键actionbar就不会显示3个点的更多或者说3个点的menu按钮。

**\[java\]**  [view plain][] [copy][view plain]

1.  **private** **void** getOverflowMenu() \{  
2.     
3.       **try** \{  
4.          ViewConfiguration config = ViewConfiguration.get(**this**);  
5.          Field menuKeyField = ViewConfiguration.**class**.getDeclaredField("sHasPermanentMenuKey");  
6.          **if**(menuKeyField != **null**) \{  
7.              menuKeyField.setAccessible(**true**);  
8.              menuKeyField.setBoolean(config, **false**);  
9.          \}  
10.     \} **catch** (Exception e) \{  
11.         e.printStackTrace();  
12.     \}  
13. \}

在onCreat（）方法中调用这个方法可以显示3个点的menu按钮。下图是按下3个点的action button的效果

![20130515214831698][]

代码：Demo\_ActionBar3dot

动态action button

用到了MenuItem 类的，setActionView()和collapseActionView()这两个方法。 这个例子的效果是当我们点击refresh action button的时候会显示进度条。

**\[java\]**  [view plain][] [copy][view plain]

1.  **package** com.example.demo\_actionbar;  
2.    
3.  **import** android.app.ActionBar;  
4.  **import** android.app.Activity;  
5.  **import** android.content.Intent;  
6.  **import** android.os.AsyncTask;  
7.  **import** android.os.Bundle;  
8.  **import** android.view.KeyEvent;  
9.  **import** android.view.Menu;  
10. **import** android.view.MenuItem;  
11. **import** android.widget.EditText;  
12. **import** android.widget.ProgressBar;  
13. **import** android.widget.TextView;  
14. **import** android.widget.TextView.OnEditorActionListener;  
15. **import** android.widget.Toast;  
16.   
17. **public** **class** MainActivity **extends** Activity \{  
18.   
19.     **private** MenuItem menuItem = **null**;  
20.   
21.     @Override  
22.     **protected** **void** onCreate(Bundle savedInstanceState) \{  
23.         **super**.onCreate(savedInstanceState);  
24.         setContentView(R.layout.activity\_main);  
25.     \}  
26.   
27.     @Override  
28.     **public** **boolean** onCreateOptionsMenu(Menu menu) \{  
29.         // Inflate the menu; this adds items to the action bar if it is present.  
30.         getMenuInflater().inflate(R.menu.activity\_main, menu);  
31.         **return** **true**;  
32.     \}  
33.   
34.     @Override  
35.     **public** **boolean** onOptionsItemSelected(MenuItem item) \{  
36.         // TODO Auto-generated method stub  
37.         **switch** (item.getItemId()) \{  
38.         **case** R.id.action\_refresh:  
39.             menuItem = item;  
40.             menuItem.setActionView(R.layout.progressbar);  
41.             TestTask task = **new** TestTask();  
42.             task.execute("test");  
43.             **break**;  
44.         **case** R.id.action\_about:  
45.             Toast.makeText(**this**, "Menu Item about selected", Toast.LENGTH\_SHORT)  
46.                     .show();  
47.             **break**;  
48.         **default**:  
49.             **break**;  
50.         \}  
51.         **return** **super**.onOptionsItemSelected(item);  
52.     \}  
53.   
54.     **private** **class** TestTask **extends** AsyncTask<String, Void, String> \{  
55.   
56.         @Override  
57.         **protected** String doInBackground(String... params) \{  
58.             // Simulate something long running  
59.             **try** \{  
60.                 Thread.sleep(2000);  
61.             \} **catch** (InterruptedException e) \{  
62.                 e.printStackTrace();  
63.             \}  
64.             **return** **null**;  
65.         \}  
66.   
67.         @Override  
68.         **protected** **void** onPostExecute(String result) \{  
69.             menuItem.collapseActionView(); // 这个方法需要 API 14 以上  
70.             menuItem.setActionView(**null**);  
71.         \}  
72.     \};  
73. \}

Actionbar之spinner实现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);

效果图：

![20130515220451970][]

代码：

**\[java\]**  [view plain][] [copy][view plain]

1.  **package** in.wptrafficanalyzer.actionbardropdownnavigation;  
2.    
3.  **import** android.app.ActionBar;  
4.  **import** android.app.ActionBar.OnNavigationListener;  
5.  **import** android.app.Activity;  
6.  **import** android.os.Bundle;  
7.  **import** android.widget.ArrayAdapter;  
8.  **import** android.widget.Toast;  
9.    
10. **public** **class** MainActivity **extends** Activity \{  
11.   
12.     /\*\* An array of strings to populate dropdown list \*/  
13.     String\[\] actions = **new** String\[\] \{ "Bookmark", "Subscribe", "Share" \};  
14.   
15.     /\*\* Called when the activity is first created. \*/  
16.     @Override  
17.     **public** **void** onCreate(Bundle savedInstanceState) \{  
18.         **super**.onCreate(savedInstanceState);  
19.         setContentView(R.layout.main);  
20.   
21.         /\*\* Create an array adapter to populate dropdownlist \*/  
22.         ArrayAdapter<String> adapter = **new** ArrayAdapter<String>(  
23.                 getBaseContext(),  
24.                 android.R.layout.simple\_spinner\_dropdown\_item, actions);  
25.   
26.         /\*\* Enabling dropdown list navigation for the action bar \*/  
27.         getActionBar().setNavigationMode(ActionBar.NAVIGATION\_MODE\_LIST);  
28.   
29.         /\*\* Defining Navigation listener \*/  
30.         ActionBar.OnNavigationListener navigationListener = **new** OnNavigationListener() \{  
31.   
32.             @Override  
33.             **public** **boolean** onNavigationItemSelected(**int** itemPosition,  
34.                     **long** itemId) \{  
35.                 Toast.makeText(getBaseContext(),  
36.                         "You selected : " + actions\[itemPosition\],  
37.                         Toast.LENGTH\_SHORT).show();  
38.                 **return** **false**;  
39.             \}  
40.         \};  
41.   
42.         /\*\* 
43.          \* Setting dropdown items and item navigation listener for the actionbar 
44.          \*/  
45.         getActionBar().setListNavigationCallbacks(adapter, navigationListener);  
46.     \}  
47. \}

代码下载：Demo\_ActionBarDropdownNavigation

Action Bar之Contextual action bar

![20130515220657053][]    ![20130515220723458][]

两张图，前一张是没有显示contextual action bar 的时候，后面那张是用户长点击EditText显示contextual action bar的效果。contextual action bar 也能加入menu item 并对menu item 进行监听。在contextual action bar 中显示 menu item 需要在 /res/menu/ 文件夹中加入布局文件。

代码：

**\[java\]**  [view plain][] [copy][view plain]

1.  **package** com.example.demo\_actionbarcontextual;  
2.    
3.  **import** com.example.demo\_actionbarcontextual.R;  
4.  **import** android.app.Activity;  
5.  **import** android.os.Bundle;  
6.  **import** android.view.ActionMode;  
7.  **import** android.view.Menu;  
8.  **import** android.view.MenuInflater;  
9.  **import** android.view.MenuItem;  
10. **import** android.view.View;  
11. **import** android.widget.Toast;  
12.   
13. **public** **class** MainActivity **extends** Activity \{  
14.     **protected** Object mActionMode;  
15.   
16.     @Override  
17.     **public** **void** onCreate(Bundle savedInstanceState) \{  
18.         **super**.onCreate(savedInstanceState);  
19.         setContentView(R.layout.activity\_main);  
20.           
21.         View view = findViewById(R.id.myView);  
22.           
23.         // 对EditText设置长点击事件，用来显示 contextual action bar  
24.         view.setOnLongClickListener(**new** View.OnLongClickListener() \{  
25.             **public** **boolean** onLongClick(View view) \{  
26.                 **if** (mActionMode != **null**) \{  
27.                     **return** **false**;  
28.                 \}  
29.   
30.                 // Start the Contextual Action Bar using the ActionMode.Callback defined above  
31.                 mActionMode = MainActivity.**this**  
32.                         .startActionMode(mActionModeCallback);  
33.                 view.setSelected(**true**);  
34.                 **return** **true**;  
35.             \}  
36.         \});  
37.     \}  
38.   
39.     @Override  
40.     **public** **boolean** onCreateOptionsMenu(Menu menu) \{  
41.         MenuInflater inflater = getMenuInflater();  
42.         inflater.inflate(R.menu.mainmenu, menu);  
43.         **return** **true**;  
44.     \}  
45.   
46.     @Override  
47.     **public** **boolean** onOptionsItemSelected(MenuItem item) \{  
48.         Toast.makeText(**this**, "Just a test", Toast.LENGTH\_SHORT).show();  
49.         **return** **true**;  
50.     \}  
51.   
52.     **private** ActionMode.Callback mActionModeCallback = **new** ActionMode.Callback() \{  
53.   
54.         // Called when the action mode is created; startActionMode() was called  
55.         **public** **boolean** onCreateActionMode(ActionMode mode, Menu menu) \{  
56.             // Inflate a menu resource providing context menu items  
57.             MenuInflater inflater = mode.getMenuInflater();  
58.             // R.menu.contextual 是 contextual action bar 的布局文件， 在 /res/menu/ 文件夹下  
59.             inflater.inflate(R.menu.contextual, menu);  
60.             **return** **true**;  
61.         \}  
62.   
63.         // Called each time the action mode is shown. Always called after  
64.         // onCreateActionMode, but  
65.         // may be called multiple times if the mode is invalidated.  
66.         **public** **boolean** onPrepareActionMode(ActionMode mode, Menu menu) \{  
67.             **return** **false**; // Return false if nothing is done  
68.         \}  
69.   
70.         // 当用户点击 contextual action bar 的 menu item 的时候产生点击事件  
71.         **public** **boolean** onActionItemClicked(ActionMode mode, MenuItem item) \{  
72.             **switch** (item.getItemId()) \{  
73.             **case** R.id.toast:  
74.                 Toast.makeText(MainActivity.**this**, "Selected menu",  
75.                         Toast.LENGTH\_LONG).show();  
76.                 mode.finish(); // 关闭 contextual action bar  
77.                 **return** **true**;  
78.             **default**:  
79.                 **return** **false**;  
80.             \}  
81.         \}  
82.   
83.         // Called when the user exits the action mode  
84.         **public** **void** onDestroyActionMode(ActionMode mode) \{  
85.             mActionMode = **null**;  
86.         \}  
87.     \};  
88.   
89. \}

下载：Demo\_ActionBarContextual

Action bar 之 navigation tabs

左图是竖直屏幕的效果，右图是横屏的效果:

![20130515221014640][]  ![20130515221124122][]

代码：

**\[java\]**  [view plain][] [copy][view plain]

1.  **package** de.arvidg.exampleactionbartabs;  
2.    
3.  **import** android.app.ActionBar;  
4.  **import** android.app.ActionBar.Tab;  
5.  **import** android.app.Activity;  
6.  **import** android.app.Fragment;  
7.  **import** android.app.FragmentTransaction;  
8.  **import** android.content.Context;  
9.  **import** android.os.Bundle;  
10. **import** android.util.Log;  
11. **import** android.view.Menu;  
12. **import** android.view.MenuInflater;  
13. **import** android.view.MenuItem;  
14. **import** android.widget.Toast;  
15.   
16. **public** **class** StartActivity **extends** Activity \{  
17.     **public** **static** Context appContext;  
18.   
19.     /\*\* Called when the activity is first created. \*/  
20.     @Override  
21.     **public** **void** onCreate(Bundle savedInstanceState) \{  
22.         **super**.onCreate(savedInstanceState);  
23.         setContentView(R.layout.main);  
24.         appContext = getApplicationContext();  
25.   
26.         // ActionBar  
27.         ActionBar actionbar = getActionBar();  
28.         // 设置action bar 的 navigation mode   
29.         actionbar.setNavigationMode(ActionBar.NAVIGATION\_MODE\_TABS);  
30.   
31.         // 添加 action bar 的 tabs  
32.         ActionBar.Tab PlayerTab = actionbar.newTab().setText("Fragment A");  
33.         ActionBar.Tab StationsTab = actionbar.newTab().setText("Fragment B");  
34.   
35.         // 实例化 fragment action bar 是用 fragment 来显示的  
36.         Fragment PlayerFragment = **new** AFragment();  
37.         Fragment StationsFragment = **new** BFragment();  
38.   
39.         // 对 tabs 设置监听事件  
40.         PlayerTab.setTabListener(**new** MyTabsListener(PlayerFragment));  
41.         StationsTab.setTabListener(**new** MyTabsListener(StationsFragment));  
42.           
43.         // 最后把 tabs 加入监听事件  
44.         actionbar.addTab(PlayerTab);  
45.         actionbar.addTab(StationsTab);  
46.     \}  
47.   
48.     @Override  
49.     **public** **boolean** onCreateOptionsMenu(Menu menu) \{  
50.         MenuInflater inflater = getMenuInflater();  
51.         inflater.inflate(R.menu.main, menu);  
52.         **return** **true**;  
53.     \}  
54.   
55.     @Override  
56.     **public** **boolean** onOptionsItemSelected(MenuItem item) \{  
57.         **switch** (item.getItemId()) \{  
58.         **case** R.id.menuitem\_search:  
59.             Toast.makeText(appContext, "search", Toast.LENGTH\_SHORT).show();  
60.             **return** **true**;  
61.         **case** R.id.menuitem\_add:  
62.             Toast.makeText(appContext, "add", Toast.LENGTH\_SHORT).show();  
63.             **return** **true**;  
64.         **case** R.id.menuitem\_share:  
65.             Toast.makeText(appContext, "share", Toast.LENGTH\_SHORT).show();  
66.             **return** **true**;  
67.         **case** R.id.menuitem\_feedback:  
68.             Toast.makeText(appContext, "feedback", Toast.LENGTH\_SHORT).show();  
69.             **return** **true**;  
70.         **case** R.id.menuitem\_about:  
71.             Toast.makeText(appContext, "about", Toast.LENGTH\_SHORT).show();  
72.             **return** **true**;  
73.         **case** R.id.menuitem\_quit:  
74.             Toast.makeText(appContext, "quit", Toast.LENGTH\_SHORT).show();  
75.             **return** **true**;  
76.         \}  
77.         **return** **false**;  
78.     \}  
79.   
80.     // @Override  
81.     // protected void onSaveInstanceState(Bundle outState) \{   
82.     // super.onSaveInstanceState(outState);  
83.     // outState.putInt("tab", getActionBar().getSelectedNavigationIndex());  
84.     // \}  
85.   
86. \}  
87.   
88. // 实例化 tabs 的监听类   
89. **class** MyTabsListener **implements** ActionBar.TabListener \{  
90.     **public** Fragment fragment;  
91.       
92.     // 传入监听的 tab 的 fragment  
93.     **public** MyTabsListener(Fragment fragment) \{  
94.         **this**.fragment = fragment;  
95.     \}  
96.   
97.       
98.     // 重复两次以上点击 tab  
99.     @Override  
100.     **public** **void** onTabReselected(Tab tab, FragmentTransaction ft) \{ // ft 用来控制 fragment  
101.         Toast.makeText(StartActivity.appContext, "Reselected!",  
102.                 Toast.LENGTH\_SHORT).show();  
103.     \}  
104.   
105.     // 就点击一次   
106.     @Override  
107.     **public** **void** onTabSelected(Tab tab, FragmentTransaction ft) \{  
108.         ft.replace(R.id.fragment\_container, fragment);  
109.     \}  
110.       
111.     // 不点击  
112.     @Override  
113.     **public** **void** onTabUnselected(Tab tab, FragmentTransaction ft) \{  
114.         ft.remove(fragment);  
115.     \}

Action bar 之 ShareActionProvider

1.首先要在menu布局文件的item标签中加入  
android:actionProviderClass="android.widget.ShareActionProvider"  
2.得到ShareActionProvider的实例  
provider = (ShareActionProvider) menu.findItem(R.id.menu\_share)  
.getActionProvider();  
3.设置Intent  
效果图：

![20130515221413789][]

代码:

**\[java\]**  [view plain][] [copy][view plain]

1.  **package** com.example.demo\_shareactionprovider;  
2.    
3.  **import** android.os.Bundle;  
4.  **import** android.app.Activity;  
5.  **import** android.content.Intent;  
6.  **import** android.view.Menu;  
7.  **import** android.view.MenuItem;  
8.  **import** android.widget.ShareActionProvider;  
9.    
10. **public** **class** MainActivity **extends** Activity \{  
11.     ShareActionProvider provider = **null**;  
12.   
13.     @Override  
14.     **protected** **void** onCreate(Bundle savedInstanceState) \{  
15.         **super**.onCreate(savedInstanceState);  
16.         setContentView(R.layout.activity\_main);  
17.     \}  
18.   
19.     @Override  
20.     **public** **boolean** onCreateOptionsMenu(Menu menu) \{  
21.         // Inflate the menu; this adds items to the action bar if it is present.  
22.         getMenuInflater().inflate(R.menu.activity\_main, menu);  
23.   
24.           
25.         // Get the ActionProvider         
26.         provider = (ShareActionProvider) menu.findItem(R.id.menu\_share)  
27.                 .getActionProvider();  
28.         // Initialize the share intent  
29.         Intent intent = **new** Intent(Intent.ACTION\_SEND);  
30.         intent.setType("text/plain");  
31.         intent.putExtra(Intent.EXTRA\_TEXT, "Text I want to share");  
32.         provider.setShareIntent(intent);  
33.   
34.         **return** **true**;  
35.     \}  
36.       
37.       
38.   
39.     @Override  
40.     **public** **boolean** onOptionsItemSelected(MenuItem item) \{  
41.         **switch** (item.getItemId()) \{  
42.         **case** R.id.menu\_share:  
43.             **break**;  
44.         **default**:  
45.             **break**;  
46.         \}  
47.         **return** **super**.onOptionsItemSelected(item);  
48.     \}  
49. \}

/res/menu/activity\_main.xml

**\[html\]**  [view plain][] [copy][view plain]

1.  **<****menu** xmlns:android="http://schemas.android.com/apk/res/android" **>**  
2.    
3.      **<****item**  
4.          android:id="@+id/menu\_share"  
5.          android:actionProviderClass="android.widget.ShareActionProvider"  
6.          android:showAsAction="ifRoom"  
7.          android:title="Share"**/>**  
8.      **<****item**  
9.          android:id="@+id/item1"  
10.         android:icon="@android:drawable/ic\_menu\_call"  
11.         android:showAsAction="ifRoom"  
12.         android:title=""**>**  
13.     **</****item****>**  
14.   
15. **</****menu****>**

The ShareActionProvider now handles all user interaction with the item and you do not need to handle click events from the onOptionsItemSelected() callback method.  
上面是官方文档上给的: 就是说无需在onOptionsItemSelected()这个回调方法中再去处理了。

代码：Demo\_ShareActionProvider

Action Bar 之 style  
  
你可以用android的style和theme来自定义action bar的风格和主题

android:windowActionBarOverlay 这个属性是用来定义actionbar和其下方视图的位置关系的。默认false，当设置成true时，表示activity layout 就是说你的下方的视图将覆盖整个屏幕。这样设置的好处就是说，当你隐藏action bar的时候，视图不会改变位置。当我们把action bar设置成半透明的时候，我们也能看见其下面的内容，这样的界面对用户来说更加有好。

上面这个属性可以设置activity layout距离屏幕顶端的距离。这样设置可以防止被action bar覆盖下方内容。

下面是一个简单的关于如何改变antion bar 字体、分割图片、背景的一个style

**\[html\]**  [view plain][] [copy][view plain]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****resources****>**  
3.        
4.      **<****style** name="CustomActivityTheme" parent="@android:style/Theme.Holo"**>**  
5.          **<****item** name="android:actionBarTabTextStyle"**>**@style/CustomTabTextStyle**</****item****>**  
6.          **<****item** name="android:actionBarDivider"**>**@drawable/ab\_divider**</****item****>**  
7.          **<****item** name="android:actionBarItemBackground"**>**@drawable/ab\_item\_background**</****item****>**  
8.      **</****style****>**  
9.    
10.       
11.     **<****style** name="CustomTabTextStyle" parent="@android:style/TextAppearance.Holo"**>**  
12.         **<****item** name="android:textColor"**>**\#2456c2**</****item****>**  
13.     **</****style****>**  
14. **</****resources****>**

能设置的关于action bar的风格（style）的属性有：

android:actionButtonStyle // Defines a style resource for the action item buttons.

android:actionBarItemBackground //Defines a drawable resource for each action item's background. (Addedin API level 14.)

android:itemBackground // Defines a drawable resource for each overflow menu item's background.

android:actionBarDivider // Defines a drawable resource for the divider between action items.(Added in API level 14.)

android:actionMenuTextColor //Defines a color for text that appears in an action item.

android:actionMenuTextAppearance //Defines a style resource for text that appears in an action item.

android:actionBarWidgetTheme //Defines a theme resource for widgets that are inflated into the actionbar as action views. (Added in API level 14.)

下面的网址是源码中的styles.xml和themes.xml文件，包含了系统中所有的样式和主题。根据自己的需要可以改变action bar的显示风格。

[https://android.googlesource.com/platform/frameworks/base/+/refs/heads/master/core/res/res/values/styles.xml][https_android.googlesource.com_platform_frameworks_base_refs_heads_master_core_res_res_values_styles.xml]

https://android.googlesource.com/platform/frameworks/base/+/refs/heads/master/core/res/res/values/themes.xml

例子1：怎么改变tab的字体大小、字体颜色等

**\[html\]**  [view plain][] [copy][view plain]

1.  **<****pre** name="code" class="html"**>**在themes.xml文件中关于tab的属性有：**</****pre****>****<****br****>**  
2.  **<****br****>**  
3.  **<****pre****>****</****pre****>**  
4.  **<****pre** name="code" class="html"**>**android:actionBarTabStyle // Defines a style resource for tabs in the action bar.**</****pre****>**android:actionBarTabBarStyle // Defines a style resource for the thin bar that appears below the navigation tabs.**<****br****>**  
5.  android:actionBarTabTextStyle //Defines a style resource for text in the navigation tabs.  
6.  **<****p****>****<****br****>**  
7.  **</****p****>**  
8.  **<****p****>**在themes.xml文件中找到：**</****p****>**  
9.  **<****p****>****</****p****>**  
10. **<****p****>****</****p****>**  
11. **<****pre** name="code" class="html"**>****<****itemname**itemname="actionBarTabTextStyle"**>**@style/Widget.Holo.Light.ActionBar.TabText**</****item****>****</****pre****>**  
12. **<****p****>****</****p****>**  
13. **<****p****>**在style.xml文件中找到**</****p****>**  
14. **<****pre** name="code" class="html"**>****<****style** name="Widget.Holo.Light.ActionBar.TabText" parent="Widget.Holo.ActionBar.TabText"**>**  
15. **</****pre****>**  
16. **<****p****>****<****br****>**  
17. **</****p****>**  
18. 在style.xml文件中通过Widget.Holo.ActionBar.TabText，我们可以找到下面**<****br****>**  
19. **<****pre** name="code" class="html"**>****<****style** name="Widget.Holo.ActionBar.TabText" parent="Widget.ActionBar.TabText"**>**  
20.     **<****item** name="android:textAppearance"**>**@style/TextAppearance.Holo.Medium**</****item****>**  
21.     **<****item** name="android:textColor"**>**?android:attr/textColorPrimary**</****item****>**  
22.     **<****item** name="android:textSize"**>**12sp**</****item****>**  
23.     **<****item** name="android:textStyle"**>**bold**</****item****>**  
24.     **<****item** name="android:textAllCaps"**>**true**</****item****>**  
25.     **<****item** name="android:ellipsize"**>**marquee**</****item****>**  
26.     **<****item** name="android:maxLines"**>**2**</****item****>**  
27. **</****style****>**  
28. **</****pre****>**  
29. **<****p****>****<****br****>**  
30. **</****p****>**  
31. **<****p****>**下面是我们工程中styles.xml的内容:**<****br****>**  
32. **</****p****>**  
33. **<****pre** name="code" class="html"**>****<?****xml** version="1.0" encoding="utf-8"**?>**  
34. **<****resources** xmlns:android="http://schemas.android.com/apk/res/android"**>**  
35.   
36.     **<****style** name="CustomActivityThemo" parent="@android:style/Theme.Holo.Light"**>**  
37.         **<****item** name="android:actionBarTabTextStyle"**>**@style/CustomTabTextStyle**</****item****>**  
38.     **</****style****>**  
39.   
40.     **<****style** name="CustomTabTextStyle" parent="@android:style/Widget.ActionBar.TabText"**>**  
41.         **<****item** name="android:textSize"**>**25sp**</****item****>**  
42.         **<****item** name="android:textColor"**>**\#FF0000**</****item****>**  
43.         **<****item** name="android:textStyle"**>**italic|bold**</****item****>**  
44.     **</****style****>**  
45.   
46. **</****resources****>**  
47. **</****pre****>****<****br****>**  
48. 我们必须在manifest.xml文件中的activity标签中设置**<****br****>**  
49. **<****br****>**  
50. **<****p****>****</****p****>**  
51. **<****pre** name="code" class="html"**>****<****activity**  
52.              
53. **<****span** style="white-space:pre"**>**  **</****span****>**android:theme="@style/CustomActivityThemo" **>****</****pre****>****<****pre** name="code" class="html"**>****<****span** style="white-space:pre"**>**    **</****span****>**....  
54. **</****activity****>**  
55. **</****pre****>**  
56. **<****p****>****</****p****>**  
57. **<****p****>****<****br****>**  
58. **</****p****>**  
59. 代码：Demo\_ActionBarTabsColor**<****br****>**  
60. **<****p****>****<****br****>**  
61. **</****p****>**  
62. **<****p****>**例子2：改变action bar中tab的indicator（下面的那条横线）的颜色**<****br****>**  
63. styles.xml文件内容:**</****p****>**  
64. **<****p****>****<****br****>**  
65. **</****p****>**  
66. **<****pre** name="code" class="html"**>****<?****xml** version="1.0" encoding="utf-8"**?>**  
67. **<****resources** xmlns:android="http://schemas.android.com/apk/res/android"**>**  
68.   
69.       
70.     **<****style** name="CustomActivityTheme" parent="@android:style/Theme.Holo.Light"**>**  
71.         **<****item** name="android:actionBarTabTextStyle"**>**@style/CustomTabTextStyle**</****item****>**  
72.         **<****item** name="android:actionBarTabBarStyle"**>**@android:color/holo\_orange\_dark**</****item****>**  
73.         **<****item** name="android:actionBarTabStyle"**>**@style/ActionBarTabStyle.Example**</****item****>**  
74.     **</****style****>**  
75.   
76.       
77.     **<****style** name="CustomTabTextStyle" parent="@android:style/TextAppearance.Holo"**>**  
78.         **<****item** name="android:textColor"**>**\#2456c2**</****item****>**  
79.     **</****style****>**  
80.   
81.     **<****style** name="ActionBarTabStyle.Example" parent="@android:style/Widget.Holo.Light.ActionBar.TabView"**>**  
82.         **<****item** name="android:background"**>**@drawable/tab\_indicator\_ab\_example**</****item****>**  
83.     **</****style****>**  
84.   
85. **</****resources****>**  
86. **</****pre****>****<****br****>**  
87. **<****br****>**  
88. **<****p****>****</****p****>**  
89. **<****p****>**android:background这个属性定义了tab的显示风格，对应的是一个xml文件不是图片**<****br****>**  
90. **</****p****>**  
91. **<****p****>****</****p****>**  
92. **<****p****>****<****br****>**  
93. **</****p****>**  
94. **<****p****>****<****br****>**  
95. **</****p****>**  
96. **<****p****>**tab\_indicator\_ab\_example.xml文件的内容：**</****p****>**  
97. **<****p****>****</****p****>**  
98. **<****pre** name="code" class="html"**>****<?****xml** version="1.0" encoding="utf-8"**?>**  
99. **<****selector** xmlns:android="http://schemas.android.com/apk/res/android"**>**  
100.   
101.       
102.     **<****item** android:drawable="@android:color/transparent" android:state\_focused="false" android:state\_pressed="false" android:state\_selected="false"**/>**  
103.     **<****item** android:drawable="@drawable/tab\_selected\_example" android:state\_focused="false" android:state\_pressed="false" android:state\_selected="true"**/>**  
104.   
105.       
106.     **<****item** android:drawable="@drawable/tab\_unselected\_focused\_example" android:state\_focused="true" android:state\_pressed="false" android:state\_selected="false"**/>**  
107.     **<****item** android:drawable="@drawable/tab\_selected\_focused\_example" android:state\_focused="true" android:state\_pressed="false" android:state\_selected="true"**/>**  
108.   
109.       
110.       
111.     **<****item** android:drawable="@drawable/tab\_unselected\_pressed\_example" android:state\_focused="false" android:state\_pressed="true" android:state\_selected="false"**/>**  
112.     **<****item** android:drawable="@drawable/tab\_selected\_pressed\_example" android:state\_focused="false" android:state\_pressed="true" android:state\_selected="true"**/>**  
113.   
114.       
115.     **<****item** android:drawable="@drawable/tab\_unselected\_pressed\_example" android:state\_focused="true" android:state\_pressed="true" android:state\_selected="false"**/>**  
116.     **<****item** android:drawable="@drawable/tab\_selected\_pressed\_example" android:state\_focused="true" android:state\_pressed="true" android:state\_selected="true"**/>**  
117.   
118. **</****selector****>**  
119. **</****pre****>****<****pre** name="code" class="html"**>****</****pre****>**代码：Demo\_ActionBarTabsColor**<****p****>****</****p****>****<****p****>**参考文献：**</****p****>****<****p****>**http://www.vogella.com/articles/AndroidActionBar/article.htmlhttp://developer.android.com/guide/topics/ui/actionbar.html**</****p****>****<****p****>****</****p****>**

[20130502103745486]: /images/20220731/d16d2198c5704930a1b299000f06d9d2.png
[view plain]: http://blog.csdn.net/android2me/article/details/8874846#
[20130515214110431]: https://img-blog.csdn.net/20130515214110431
[20130515214152302]: /images/20220731/d4051c077740409e9d08976f33f22a27.png
[20130515214831698]: /images/20220731/97d571e05b9a4054a4b73199caf3ea80.png
[20130515220451970]: /images/20220731/8c9500d02fcf432cbb6a3350a3d07457.png
[20130515220657053]: https://img-blog.csdn.net/20130515220657053
[20130515220723458]: /images/20220731/7a42fce0f6624e84be4fe129a7c87914.png
[20130515221014640]: https://img-blog.csdn.net/20130515221014640
[20130515221124122]: /images/20220731/21c72616148c4bb2bd1fb8c9422ec40c.png
[20130515221413789]: /images/20220731/8ad6115ec74a4df0b8cda42635753013.png
[https_android.googlesource.com_platform_frameworks_base_refs_heads_master_core_res_res_values_styles.xml]: https://android.googlesource.com/platform/frameworks/base/+/refs/heads/master/core/res/res/values/styles.xml