Android Action Bar 详解篇(推荐)

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

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

<manifest ... >  
  <uses-sdk android:minsdkversion="4" 
       android:targetsdkversion="11" />  
  ...  
</manifest> 

当然了，如果你不想为一个特定的activity设置action bar，设置activity主题为theme.holo.noactionbar。

<activity android:theme="@android:style/theme.holo.noactionbar"> 

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

actionbar actionbar = getactionbar();  
actionbar.hide(); 

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

第一，下拉导航

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

图1；google+            

图2：本文示例

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

1.初始化一个spinneradapter

spinneradapter mspinneradapter = arrayadapter.createfromresource(this, 
        r.array.action_list, 
        android.r.layout.simple_spinner_dropdown_item); 

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

/** 
   * 在这里配合fragment，实现不同的页面导航 
   */ 
  onnavigationlistener monnavigationlistener = new onnavigationlistener() { 
 
    @override 
    public boolean onnavigationitemselected(int position, long itemid) { 
      fragment newfragment = null; 
      switch (position) { 
      case 0: 
        newfragment = new fragment1(); 
        break; 
      case 1: 
        newfragment = new fragment2(); 
        break; 
      case 2: 
        newfragment = new fragment3(); 
        break; 
      default: 
        break; 
      } 
      getsupportfragmentmanager().begintransaction() 
          .replace(r.id.container, newfragment, strings[position]) 
          .commit(); 
      return true; 
    } 
  }; 

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

actionbar = getactionbar(); 
actionbar.setnavigationmode(actionbar.navigation_mode_list);//导航模式必须设为navigation_mode_list 
actionbar.setlistnavigationcallbacks(mspinneradapter, 
    monnavigationlistener); 

第二，操作视窗

先上效果图

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

<?xml version="1.0" encoding="utf-8"?> 
<menu xmlns:android="http://schemas.android.com/apk/res/android" > 
 
  <item 
    android:id="@+id/menu_search" 
    android:actionviewclass="android.widget.searchview" 
    android:icon="@drawable/ic_menu_search" 
    android:showasaction="ifroom" 
    android:title="搜索"/> 
  <item 
    android:id="@+id/menu_share" 
    android:actionproviderclass="android.widget.shareactionprovider" 
    android:showasaction="never" 
    android:title="分享"/> 
  <item 
    android:id="@+id/menu_setting" 
    android:actionproviderclass="com.example.tabdemo.myactionprovider" 
    android:showasaction="never" 
    android:title="设置"> 
    <menu> 
      <item 
        android:id="@+id/menu_theme" 
        android:actionproviderclass="com.example.tabdemo.myactionprovider" 
        android:showasaction="always|withtext" 
        android:title="更换主题"/> 
      <item 
        android:id="@+id/menu_system" 
        android:actionproviderclass="com.example.tabdemo.myactionprovider" 
        android:showasaction="always|withtext" 
        android:title="系统设置"/> 
    </menu> 
  </item> 
</menu> 

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

android:actionproviderclass="com.example.tabdemo...." 

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文件：

getmenuinflater().inflate(r.menu.options, menu);  
//搜索视窗，因为showasaction="ifroom"，所以图三中出现了搜索按钮 
searchview searchview = (searchview) menu.finditem(r.id.menu_search) 
    .getactionview(); 
 
//分享视窗，因为showasaction="never"，所以只能在溢出菜单中才看见到 
shareactionprovider mshareactionprovider = (shareactionprovider) menu 
    .finditem(r.id.menu_share).getactionprovider(); 
intent shareintent = new intent(intent.action_send); 
shareintent.settype("image/*"); 
mshareactionprovider.setshareintent(shareintent); 
 
//设置视窗，myactionprovider就是我们自定义的actionprovider 
myactionprovider myactionprovider = (myactionprovider) menu.finditem( 
    r.id.menu_setting).getactionprovider(); 
return super.oncreateoptionsmenu(menu); 

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

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

/** 
 * @classname: myactionprovider 
 * @description: 自定义一个视窗操作器，实现构造函数和oncreateactionview即可 
 * @author yuxianglong 
 * @date 2013-7-11 下午3:13:44 
 *  
 */ 
public class myactionprovider extends actionprovider{ 
 
  private context context; 
  private layoutinflater inflater; 
  private view view; 
  private imageview button; 
  public myactionprovider(context context) { 
    super(context); 
    // todo auto-generated constructor stub 
    this.context = context; 
    inflater = layoutinflater.from(context); 
    view = inflater.inflate(r.layout.myactionprovider, null); 
  } 
 
   
  @override 
  public view oncreateactionview() { 
    // todo auto-generated method stub 
    button = (imageview) view.findviewbyid(r.id.button); 
    button.setonclicklistener(new view.onclicklistener() { 
       
      @override 
      public void onclick(view v) { 
        // todo auto-generated method stub 
        toast.maketext(context, "是我，没错", toast.length_short).show(); 
      } 
    }); 
    return view; 
  } 
 
} 

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

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

@override 
  public boolean onoptionsitemselected(menuitem item) { 
    switch (item.getitemid())  
      {     
       case android.r.id.home:       
         intent intent = new intent(this, homeactivity.class);       
         intent.addflags(intent.flag_activity_clear_top);  
         startactivity(intent);       
         return true;     
       default:       
         return super.onoptionsitemselected(item);   
      } 
  } 

我们给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定义如下：

   <framelayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:id="@+id/container" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  tools:context=".mainactivity" 
  tools:ignore="mergerootframe" /> 

 这里的viewgroup为fragmentlayout。activity代码如下：

/* 
* @classname: mainactivity 
* @description: 继承自fragmentactivity,作为fragment的holder-activity使用， 
*        实现tablistener接口，当切tab的时候达到切换fragment的效果 
* @author yuxianglong 
* @date 2013-7-11 下午7:40:35 
* 
 */ 
public class mainactivity extends fragmentactivity implements 
    actionbar.tablistener { 
  private actionbar actionbar; 
 
  @override 
  protected void oncreate(bundle savedinstancestate) { 
    super.oncreate(savedinstancestate); 
    setcontentview(r.layout.activity_main); 
    actionbar = getactionbar(); 
    actionbar.setnavigationmode(actionbar.navigation_mode_tabs);// 导航模式必须设为navigation_mode_tabs 
 
    // for each of the sections in the app, add a tab to the action bar. 
 
    actionbar.addtab(actionbar.newtab().settext(r.string.title_section1) 
        .settablistener(this)); 
    actionbar.addtab(actionbar.newtab().settext(r.string.title_section2) 
        .settablistener(this)); 
    actionbar.addtab(actionbar.newtab().settext(r.string.title_section3) 
        .settablistener(this)); 
 
  } 
 
 
  @override 
  public void ontabselected(actionbar.tab tab, 
      fragmenttransaction fragmenttransaction) { 
    // when the given tab isselected, show the tabcontents in the 
    // //container view. 
    fragment fragment3 = null; 
    fragment fragment1 = null; 
    fragment fragment2 = null; 
    switch (tab.getposition()) { 
    case 0: 
      if (fragment1 == null) { 
        fragment1 = new fragment1(); 
      } 
      getsupportfragmentmanager().begintransaction() 
          .replace(r.id.container, fragment1).commit(); 
      break; 
    case 1: 
      if (fragment2 == null) { 
        fragment2 = new fragment2(); 
      } 
      getsupportfragmentmanager().begintransaction() 
          .replace(r.id.container, fragment2).commit(); 
      break; 
    case 2: 
      if (fragment3 == null) { 
        fragment3 = new fragment3(); 
      } 
      getsupportfragmentmanager().begintransaction() 
          .replace(r.id.container, fragment3).commit(); 
      break; 
 
    default: 
      break; 
    } 
 
  } 
 
  @override 
  public void ontabunselected(actionbar.tab tab, 
      fragmenttransaction fragmenttransaction) { 
  } 
 
  @override 
  public void ontabreselected(actionbar.tab tab, 
      fragmenttransaction fragmenttransaction) { 
  } 
 
} 

最后跑起来的效果如下：

 

至此actionbar的一些常见使用场景，我们就熟悉了，后面继续研究actionbar的外观样式。以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。