ActionBar 的应用

转载：http://blog.csdn.net/yuxlong2010

作为Android 3.0之后引入的新的对象，ActionBar可以说是一个方便快捷的导航神器。它可以作为活动的标题，突出活动的一些关键操作（如“搜索”、“创建”、“共享”等）、作为菜单的灵活使用，还可以实现类似TabWidget的标签功能以及下拉导航的功能，系统能够很好根据不同的屏幕配置来适应ActionBar的外观，配合起Fragemtn可谓是十分强大。

那么，对于今天的主角ActionBar怎么去添加？在Android3.0默认主题HloleFraphic（全息）主题中，已经创造了ActionBar，所以只要targetSdkVersion的值不低于11，创建的Activity中默认都会带有ActionBar。例如：

1. <manifest … >
2. <uses-sdk android:minSdkVersion=”4″
3. android:targetSdkVersion=”11″ />
4. …
5. </manifest>

当然了，如果你不想为一个特定的Activity设置Action Bar，设置Activity主题为Theme.Holo.NoActionBar。

1. <activity android:theme=”@android:style/Theme.Holo.NoActionBar”>

或者在运行时通过调用hide()隐藏Action Bar。自然也有show()。

1. ActionBar actionBar = getActionBar();
2. actionBar.hide();

下面我们从下拉导航、视窗操作、标签导航三个方面逐一讨论ActionBar

第一，下拉导航

下拉导航最典型的应用场景就是在Google+中的使用，效果如下图：

          

图1；Google+                             图2：本文示例

实现此效果分如下几个步骤：

1.初始化一个SpinnerAdapter

1. SpinnerAdapter mSpinnerAdapter = ArrayAdapter.createFromResource(this,
2. R.array.action_list,
3. android.R.layout.simple_spinner_dropdown_item);

2.生成一个OnNavigationListener来响应ActionBar的菜单项点击操作

1. /**
2. * 在这里配合Fragment，实现不同的页面导航
3. */
4. OnNavigationListener mOnNavigationListener = new OnNavigationListener() {
5. @Override
6. public boolean onNavigationItemSelected(int position, long itemId) {
7. Fragment newFragment = null;
8. switch (position) {
9. case 0:
10. newFragment = new Fragment1();
11. break;
12. case 1:
13. newFragment = new Fragment2();
14. break;
15. case 2:
16. newFragment = new Fragment3();
17. break;
18. default:
19. break;
20. }
21. getSupportFragmentManager().beginTransaction()
22. .replace(R.id.container, newFragment, strings[position])
23. .commit();
24. return true;
25. }
26. };

3，将生成好的适配去和监听器塞给ActionBar

1. actionBar = getActionBar();
2. actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);//导航模式必须设为NAVIGATION_MODE_LIST
3. actionBar.setListNavigationCallbacks(mSpinnerAdapter,
4. mOnNavigationListener);

     第二，操作视窗

先上效果图

图3                                                                             图4                                                                   图5

在上面的操作视窗里，增加了一个用于搜索的可选菜单项以及分享和设置的两个自定义ActionProVider。那么如何在一个活动中，在已有的ActionBar上添加这些操作视窗。同创建可选菜单一样，定义options.xml的menu文件如下：

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <menu xmlns:android=”http://schemas.android.com/apk/res/android” >
3. <item
4. android:id=”@+id/menu_search”
5. android:actionViewClass=”android.widget.SearchView”
6. android:icon=”@drawable/ic_menu_search”
7. android:showAsAction=”ifroom”
8. android:title=”搜索”/>
9. <item
10. android:id=”@+id/menu_share”
11. android:actionProviderClass=”android.widget.ShareActionProvider”
12. android:showAsAction=”never”
13. android:title=”分享”/>
14. <item
15. android:id=”@+id/menu_setting”
16. android:actionProviderClass=”com.example.tabdemo.MyActionProvider”
17. android:showAsAction=”never”
18. android:title=”设置”>
19. <menu>
20. <item
21. android:id=”@+id/menu_theme”
22. android:actionProviderClass=”com.example.tabdemo.MyActionProvider”
23. android:showAsAction=”always|withText”
24. android:title=”更换主题”/>
25. <item
26. android:id=”@+id/menu_system”
27. android:actionProviderClass=”com.example.tabdemo.MyActionProvider”
28. android:showAsAction=”always|withText”
29. android:title=”系统设置”/>
30. </menu>
31. </item>
32. </menu>

仔细观察可以发现每个Item里都包含如下这两个属性：

1. android:actionProviderClass=”com.example.tabdemo….”

1. android:showAsAction=””

对于actionProviderClass属性用来指定一个构建视窗所使用的布局资源，除了使用actionProviderClass指定外，还可以使用actionLayout或者actionViewClass都可以。SearchView和ShareActionProvider都是系统自带的ActionProvider，MyActionProvider是我们要重写的，后面将会看到如何去自定义一个ActionProvider。

showAsAction属性共有五个值：ifRoom、never、always、withText、collapseActionView，可以混合使用。

注： 当你的应用程序正在Android4.0（API 级别 14）或以上的版本上运行，那么还有一种叫做“分隔操作栏”的额外模式对action bar有效。当你启用分隔操作栏模式时，在屏幕的底部会显示一个独立的横条，用于显示Activity在窄屏设备（如竖屏手机）上运行时的所有操作项。这里我们不过过多描述，有兴趣自己去研究。

就像加载menu一样，在activity的onCreateOptionsMenu方法里调用上述的xml文件：

1. getMenuInflater().inflate(R.menu.options, menu);
2. //搜索视窗，因为showAsAction=”ifRoom”，所以图三中出现了搜索按钮
3. SearchView searchView = (SearchView) menu.findItem(R.id.menu_search)
4. .getActionView();
5. //分享视窗，因为showAsAction=”never”，所以只能在溢出菜单中才看见到
6. ShareActionProvider mShareActionProvider = (ShareActionProvider) menu
7. .findItem(R.id.menu_share).getActionProvider();
8. Intent shareIntent = new Intent(Intent.ACTION_SEND);
9. shareIntent.setType(“image/*”);
10. mShareActionProvider.setShareIntent(shareIntent);
11. //设置视窗，MyActionProvider就是我们自定义的ActionProvider
12. MyActionProvider myactionprovider = (MyActionProvider) menu.findItem(
13. R.id.menu_setting).getActionProvider();
14. return super.onCreateOptionsMenu(menu);

显然，当成功运行的时候，结果如图三，当点击搜索按钮时，搜索按钮立刻变成了如图四的样子，变成可折叠的操作视窗。

如何自定义操作视窗，定义一个类MyActionProvider继承自ActionProvider，并实现它的两口回调函数即可。如下：

1. /**
2. * @ClassName: MyActionProvider
3. * @Description: 自定义一个视窗操作器，实现构造函数和onCreateActionView即可
4. * @author yuxianglong
5. * @date 2013-7-11 下午3:13:44
6. *
7. */
8. public class MyActionProvider extends ActionProvider{
9. private Context context;
10. private LayoutInflater inflater;
11. private View view;
12. private ImageView button;
13. public MyActionProvider(Context context) {
14. super(context);
15. // TODO Auto-generated constructor stub
16. this.context = context;
17. inflater = LayoutInflater.from(context);
18. view = inflater.inflate(R.layout.myactionprovider, null);
19. }
20. @Override
21. public View onCreateActionView() {
22. // TODO Auto-generated method stub
23. button = (ImageView) view.findViewById(R.id.button);
24. button.setOnClickListener(new View.OnClickListener() {
25. @Override
26. public void onClick(View v) {
27. // TODO Auto-generated method stub
28. Toast.makeText(context, “是我，没错”, Toast.LENGTH_SHORT).show();
29. }
30. });
31. return view;
32. }
33. }

如此一来，只要在options.xml里直接引用。运行成功效果如图五，点击溢出菜单，设置按钮出来了，如果继续点下去，回调出它的子菜单，因为我们在options.xml里给自定义的ActionProvider分配了子菜单。

当然了，最显眼的就是处理Action Bar上的应用程序图标，平时玩手机多的同学应该可以发现，好多应用的图标都是可以点击的，而且大多数都是回到了上一个Activity，或者说是主Activity。那么，如何触发应用程序图标呢，说白了应用程序图标也是一个菜单，并且其id是规定死的，所以只要我们在onOptionsItemSelected方法里去捕捉它的点击事件，做出响应：

1. @Override
2. public boolean onOptionsItemSelected(MenuItem item) {
3. switch (item.getItemId())
4. {
5. case android.R.id.home:
6. Intent intent = new Intent(this, HomeActivity.class);
7. intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
8. startActivity(intent);
9. return true;
10. default:
11. return super.onOptionsItemSelected(item);
12. }
13. }

我们给Intent添加了FLAG_ACTIVITY_CLEAR_TOP标识，该标识的作用是在回到HomeActivity时，把在堆栈中处于HomeActivity上面的活动全部清除。如果这是候运行程序的话，如果系统版本小于4.0的话，是可以正常跑起来的，达到想要的效果，但如果系统大于或者等于4.0的话，那么点击应用图标是无效的。必须加上setHomeButtonEnabled=true，4.0一下 默认为true。如果还想要一个回退箭头的话，再加上一句setDisplayHomeAsUpEnabled(true);效果如下：

这里我在扩展一下：使用过Navigation Drawer的同学应该了解，这里点击应用程序图标通常会作为拉出导航抽屉。通常在那种情况下是把活动的onOptionsItemSelected，传送给ActionBarDrawerToggle的onOptionsItemSelected。不多说了，感兴趣的同学自己去研究，后面会把Navigation Bar写出来。

     第三，导航选项标签

当你想要在一个Activity中提供导航选择标签时，使用操作栏的选项标签是一个非常好的选择（而不是使用TabWidget类），因为系统会调整操作栏选项标签来适应不同尺寸的屏幕的需要，在屏幕足够宽的时候，导航选项标签会被放到主操作栏中；当屏幕太窄的时候，选项标签会被放到一个分离的横条中。如图下：

要使用选项标签在Fragmengt之间切换，选择一个选项标签时执行一个Fragment事务，布局里包含一个用于放置跟每个Fragment对象关联的选项标签的ViewGroup对象。该对象有一个资源ID，以便能够在选项标签的切换代码中能够引用它。Activity的布局文件activity_main.xml定义如下：

1. <FrameLayout xmlns:android=”http://schemas.android.com/apk/res/android”
2. xmlns:tools=”http://schemas.android.com/tools”
3. android:id=”@+id/container”
4. android:layout_width=”match_parent”
5. android:layout_height=”match_parent”
6. tools:context=”.MainActivity”
7. tools:ignore=”MergeRootFrame” />

这里的ViewGroup为FragmentLayout。Activity代码如下：

1. /*
2. * @ClassName: MainActivity
3. * @Description: 继承自FragmentActivity,作为Fragment的holder-Activity使用，
4. *               实现TabListener接口，当切Tab的时候达到切换Fragment的效果
5. * @author yuxianglong
6. * @date 2013-7-11 下午7:40:35
7. *
8. */
9. public class MainActivity extends FragmentActivity implements
10. ActionBar.TabListener {
11. private ActionBar actionBar;
12. @Override
13. protected void onCreate(Bundle savedInstanceState) {
14. super.onCreate(savedInstanceState);
15. setContentView(R.layout.activity_main);
16. actionBar = getActionBar();
17. actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);// 导航模式必须设为NAVIGATION_MODE_Tabs
18. // For each of the sections in the app, add a tab to the action bar.
19. actionBar.addTab(actionBar.newTab().setText(R.string.title_section1)
20. .setTabListener(this));
21. actionBar.addTab(actionBar.newTab().setText(R.string.title_section2)
22. .setTabListener(this));
23. actionBar.addTab(actionBar.newTab().setText(R.string.title_section3)
24. .setTabListener(this));
25. }
26. @Override
27. public void onTabSelected(ActionBar.Tab tab,
28. FragmentTransaction fragmentTransaction) {
29. // When the given tab isselected, show the tabcontents in the
30. // //container view.
31. Fragment fragment3 = null;
32. Fragment fragment1 = null;
33. Fragment fragment2 = null;
34. switch (tab.getPosition()) {
35. case 0:
36. if (fragment1 == null) {
37. fragment1 = new Fragment1();
38. }
39. getSupportFragmentManager().beginTransaction()
40. .replace(R.id.container, fragment1).commit();
41. break;
42. case 1:
43. if (fragment2 == null) {
44. fragment2 = new Fragment2();
45. }
46. getSupportFragmentManager().beginTransaction()
47. .replace(R.id.container, fragment2).commit();
48. break;
49. case 2:
50. if (fragment3 == null) {
51. fragment3 = new Fragment3();
52. }
53. getSupportFragmentManager().beginTransaction()
54. .replace(R.id.container, fragment3).commit();
55. break;
56. default:
57. break;
58. }
59. }
60. @Override
61. public void onTabUnselected(ActionBar.Tab tab,
62. FragmentTransaction fragmentTransaction) {
63. }
64. @Override
65. public void onTabReselected(ActionBar.Tab tab,
66. FragmentTransaction fragmentTransaction) {
67. }
68. }

最后跑起来的效果如下：

至此ActionBar的一些常见使用场景，我们就熟悉了，后面继续研究ActionBar的外观样式。