leafact 2012-06-06
转自http://disanji.net/2011/02/24/android-action-bar-active-1/
在Android3.0中除了我们重点讲解的Fragment外,ActionBar也是一个重要的内容,ActionBar主要是用于代替传统的标题栏,对于Android平板设备来说屏幕更大它的标题使用ActionBar来设计可以展示更多丰富的内容,方便操控。
ActionBar主要功能包含:
1.显示选项菜单
2.提供标签页的切换方式的导航功能,可以切换多个fragment.
3.提供下拉的导航条目.
4.提供交互式活动视图代替选项条目
5.使用程序的图标作为返回Home主屏或向上的导航操作。
首先我们一起来看下ActionBar代替传统Title的效果,下面一个平板应用的标题栏,是不是图标很大啊。
你的程序中应用ActionBar需要注意几点,SDK和最终运行的固件必须是Android3.0即honeycomb,在androidmanifest.xml文件中的uses-sdk元素中加入android:minSdkVersion或android:targetSdkVersion,类似
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.android123.cwj" android:versionCode="1" android:versionName="1.0"> <uses-sdk android:minSdkVersion="honeycomb" /> <application ... > ... </application> </manifest>
如果需要隐藏ActionBar可以在你的Activity的属性中设置主题风格为NoTitleBar在你的manifest文件中,Android123提示大家,下面的代码在3.0以前是隐藏标题,而在3.0以后就是隐藏ActionBar了,代码为
<activity android:theme="@android:style/Theme.NoTitleBar">
一、添加活动条目ActionItems
对于活动条目大家可以在下图看到Android3.0的标题右部分可以变成工具栏,下面的Save和Delete就是两个ActionItems活动条目,如图
下面是一个menu的layout布局文件代码
<?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/menu_add" android:icon="@drawable/ic_menu_save" android:title="@string/menu_save" android:showAsAction="ifRoom|withText" /> </menu>
而其他代码类似Activity中的Menu,比如
@Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case android.R.id.home: // 当Action Bar的图标被单击时执行下面的Intent Intent intent = new Intent(this, Android123.class); startActivity(intent); break; } return super.onOptionsItemSelected(item); }
对于ActionBar的创建,可以在你的Activity中重写onStart方法
@Override protected void onStart() { super.onStart(); ActionBar actionBar = this.getActionBar(); actionBar.setDisplayOptions(ActionBar.DISPLAY_HOME_AS_UP, ActionBar.DISPLAY_HOME_AS_UP); }
调用getActionBar方式在你的Activity的onCreate中时需要注意必须在调用了setContentView之后。
二、添加活动视图ActionView
对于ActionView你可以自己定义视图,比如搜索视图,android.widget.SearchView控件,最终效果如下图:
对于ActionView,我们可以在menu的布局文件使用中来自定义searchview布局,如代码
<item android:id="@+id/menu_search" android:title="Search" android:icon="@drawable/ic_menu_search" android:showAsAction="ifRoom" android:actionLayout="@layout/searchview" />
也可以直接指定Android系统中的SearchView控件,那么这时menu”_search的代码要这样写
<item android:id="@+id/menu_search" android:title="Search" android:icon="@drawable/ic_menu_search" android:showAsAction="ifRoom" android:actionViewClass="android.widget.SearchView" />
大家注意上面的两种方法中一个属性是actionLayout制定一个layoutxml布局文件,一个是actionViewClass指定一个类,最终调用可以在Activity中响应onCreateOptionsMenu方法映射这个menu布局即可。
@Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.options, menu); SearchView searchView = (SearchView) menu.findItem(R.id.menu_search).getActionView(); return super.onCreateOptionsMenu(menu); }