ActionBar 的应用

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

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

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

[html] view plaincopy

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

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

[html] view plaincopy

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

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

[html] view plaincopy

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

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

第一,下拉导航

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

          

图1;Google+                             图2:本文示例

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

1.初始化一个SpinnerAdapter

[java] view plaincopy

  1. SpinnerAdapter mSpinnerAdapter = ArrayAdapter.createFromResource(this,
  2. R.array.action_list,
  3. android.R.layout.simple_spinner_dropdown_item);
2.生成一个OnNavigationListener来响应ActionBar的菜单项点击操作

[java] view plaincopy

  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

[java] view plaincopy

  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文件如下:

[html] view plaincopy

  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里都包含如下这两个属性:

[html] view plaincopy

  1. android:actionProviderClass="com.example.tabdemo...."

[html] view plaincopy

  1. android:showAsAction=""

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

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

    ifRoom 会显示在Item中,但是如果已经有4个或者4个以上的Item时会隐藏在溢出列表中。当然个
数并不仅仅局限于4个,依据屏幕的宽窄而定
    never 永远不会显示。只会在溢出列表中显示,而且只显示标题,所以在定义item的时候,最好
把标题都带上。
    always 无论是否溢出,总会显示。
    withText withText值示意Action bar要显示文本标题。Action bar会尽可能的显示这个
标题,但是,如果图标有效并且受到Action bar空间的限制,文本标题有可
能显示不全。
   collapseActionView   声明了这个操作视窗应该被折叠到一个按钮中,当用户选择这个按钮时,这个操作视窗展开。否则,
这个操作视窗在默认的情况下是可见的,并且即便在用于不适用的时候,也要占据操作栏的有效空间。
一般要配合ifRoom一起使用才会有效果。

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

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

[java] view plaincopy

  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,并实现它的两口回调函数即可。如下:

[java] view plaincopy

  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方法里去捕捉它的点击事件,做出响应:

[java] view plaincopy

  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定义如下:

[html] view plaincopy

  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代码如下:

[java] view plaincopy

  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的外观样式。

ActionBar 的应用

时间: 07-06

ActionBar 的应用的相关文章

ActionBar效果图,功能一览

一.概述 1.App icon 应用的图标,左侧带应用相当于back返回键 2.ViewControl 3.Action button 相当于普通的Button可以监听点击事件 4.Action overflow 三个点,相当于手机上的menu键,可以显示隐藏的action button 二. 显示情景 1. 屏幕空间有限,这就好理解actionbar中的showAsAction中的属性了.决定什么情景要不要在顶部显示.   2. 但是就算是屏幕很大有时候还是无法显示全部,这时候就要用到一种的第

ActionBar 自定义布局定义

Android系统中ActionBar默认的布局不美观且难于控制,通过为ActionBar自定义布局的方式可以灵活控制ActionBar. 效果: 工具/原料 android集成开发环境eclipse.ADT android sdk 3.0及以上 方法/步骤 自定义Activity主题和ActionBar样式 在新建的android工程的res/values/styles.xml添加自定义ActionBar样式的代码和自定义Activity主题的代 码,并在AndroidMainfest.xml

Android ActionBar详解

关于ActionBar,相信大家并不陌生,但是真正能够熟练使用的也不是很多,这篇文章主要为大家详细介绍ActionBar的相关知识,ActionBar是在Android3.0中引入的概念,所以在2.x系统中使用ActionBar我们需要依赖ActionBarSherklock或者androi-support-v7库,ActionBarSherklock是anroid中非常有名的一个开源项目,android-support-v7是Google后来推出的一个库,有了v7库后AndroidBarShe

用BadgeView在actionbar menu上显示提醒信息

有时候需要在actionbar menu上显示消息个数,所以可以用BadgeView来实现. 实现方法是获取actionbar menuitem的view,然后创建BadgeView.注意,通常只能在Optionsmenu创建完成之后去获取menuitem的view.我们可以在onCreate方法中延时1秒去处理. <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="ht

告别ActionBarSherlock——Android.support包也能打造兼容2.x的ActionBar(1)

http://www.bdqn.cn/news/201308/10625.shtml 摘要: 告别ActionBarSherlock——android.support包也能打造兼容2.x的ActionBar(1) ActionBar是Android 3.0的产物 一直延伸到现在最新的4.3 就个人而言 ActionBar相比传统的弹出式菜单 更加简洁 但是ActionBar只有API 10以上(包括API 10)才能尝到 于是有些大神便打造出了ActionBarSherlock,为2.x带来了一

Android导航栏ActionBar的详细分析 一

尊重原创:http://blog.csdn.net/yuanzeyao/article/details/39378825 关于ActionBar,相信大家并不陌生,但是真正能够熟练使用的也不是很多,这篇文章主要为大家详细介绍ActionBar的相关知识,ActionBar是在Android3.0中引入的概念,所以在2.x系统中使用ActionBar我们需要依赖ActionBarSherklock或者androi-support-v7库,ActionBarSherklock是anroid中非常有名

Android 修改Activity标题样式 actionBar

修改Activity的标题样式及ActionBar ,代码如下 <!-- Application theme. --> <style name="AppTheme" parent="AppBaseTheme"> <!-- All customizations that are NOT specific to a particular API-level can go here. --> <!-- <item name=

Android中ActionBar以及menu的代码设置样式

Android中ActionBar以及menu的代码样式如何设置?今天麦子学院android开发老师主要介绍Android中ActionBar以及menu的代码设置样式,,有需求的朋友可以参阅下 menu有些xml代码 http://schemas.android.com/apk/res/android"> <="" div=""> android:title="查找1" android:orderInCategory

Android ActionBar完全解析,使用官方推荐的最佳导航栏(下)

转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/25466665 本篇文章主要内容来自于Android Doc,我翻译之后又做了些加工,英文好的朋友也可以直接去读原文. http://developer.android.com/guide/topics/ui/actionbar.html 限于篇幅的原因,在上篇文章中我们只学习了ActionBar基础部分的知识,那么本篇文章我们将接着上一章的内容继续学习,探究一下ActionBar

Android ActionBar完全解析,使用官方推荐的最佳导航栏(上)

转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/18234477 本篇文章主要内容来自于Android Doc,我翻译之后又做了些加工,英文好的朋友也可以直接去读原文. http://developer.android.com/guide/topics/ui/actionbar.html Action Bar是一种新増的导航栏功能,在Android 3.0之后加入到系统的API当中,它标识了用户当前操作界面的位置,并提供了额外的用