Android Action Bar 详解篇(推荐)

Android Action Bar 详解篇(推荐),第1张

概述作为Android3.0之后引入的新的对象,ActionBar可以说是一个方便快捷的导航神器。它可以作为活动的标题,突出活动的一些关键 *** 作(如“搜索”、“创建”、“共享”等)、作为菜单的灵活使用,还可以实现类似TabWidget

作为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的外观样式。以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android Action Bar 详解篇(推荐)全部内容,希望文章能够帮你解决Android Action Bar 详解篇(推荐)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1147491.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存