action bar
Action Bar使用方法 -Android活动栏(一)
在Android 3.0中除了我们重点讲解的Fragment外,Action Bar也是一个重要的内容,Action Bar主要是用于代替传统的标题栏,对于Android平板设备来说屏幕更大它的标题使用Action Bar来设计可以展示更多丰富的内容,方便操控。
Action Bar主要功能包含:
1. 显示选项菜单
2.提供标签页的切换方式的导航功能,可以切换多个fragment.
3.提供下拉的导航条目.
4.提供交互式活动视图代替选项条目
5.使用程序的图标作为返回Home主屏或向上的导航操作。
首先我们一起来看下Action Bar代替传统Title的效果,下面一个平板应用的标题栏,是不是图标很大啊。
Android开发网提示在你的程序中应用ActionBar需要注意几点,SDK和最终运行的固件必须是Android 3.0即honeycomb,在androidmanifest.xml文件中的uses-sdk元素中加入android:minSdkVersion或android:targetSdkVersion,类似
<manifest xmlns:android="<uses-sdkandroid:minSdkVersion="honeycomb"/>
</manifest>如果需要隐藏Action Bar可以在你的Activity的属性中设置主题风格为NoTitleBar在你的manifest文件中,Android123提示大家,下面的代码在3.0以前是隐藏标题,而在3.0以后就是隐藏ActionBar了,代码为
<activityandroid:theme="@android:style/Theme.NoTitleBar">
一、添加活动条目 Action Items
对于活动条目大家可以在下图看到Android 3.0的标题右部分可以变成工具栏,下面的Save和Delete就是两个Action Items活动条目,如图
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter" /> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0" /> <v:f eqn="sum @0 1 0" /> <v:f eqn="sum 0 0 @1" /> <v:f eqn="prod @2 1 2" /> <v:f eqn="prod @3 21600 pixelWidth" /> <v:f eqn="prod @3 21600 pixelHeight" /> <v:f eqn="sum @0 0 1" /> <v:f eqn="prod @6 1 2" /> <v:f eqn="prod @7 21600 pixelWidth" /> <v:f eqn="sum @8 21600 0" /> <v:f eqn="prod @7 21600 pixelHeight" /> <v:f eqn="sum @10 21600 0" /> </v:formulas> <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect" /> <o:lock v:ext="edit" aspectratio="t" /></v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" alt="android action bar" style="width:375pt;height:27pt" mce_style="width:375pt;height:27pt"> <v:imagedata src="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg" mce o:href="http://www.android123.com.cn/images/android-actionbar.jpg" /></v:shape><![endif]--><!--[if !vml]--><!--[endif]-->
下面是一个menu的layout布局文件代码
<?xml version="1.0"encoding="utf-8"?>
<menuxmlns:android="http://schemas.android.com/apk/res/android">
<itemandroid:id="@+id/menu_add"
android:icon="@drawable/ic_menu_save"
android:title="@string/menu_save"
android:showAsAction="ifRoom|withText"/>
</menu>而其他代码类似Activity中的Menu,比如
@Override
publicbooleanonOptionsItemSelected(MenuItemitem){
switch(item.getItemId()){
caseandroid.R.id.home:
//当ActionBar的图标被单击时执行下面的Intent
Intentintent=newIntent(this,Android123.class);
startActivity(intent);
break;
}
returnsuper.onOptionsItemSelected(item);
}对于ActionBar的创建,可以在你的Activity中重写onStart方法
@Override
protectedvoidonStart(){
super.onStart();
ActionBaractionBar=this.getActionBar();
actionBar.setDisplayOptions(ActionBar.DISPLAY_HOME_AS_UP,ActionBar.DISPLAY_HOME_AS_UP);
}这里Android123提示大家,调用getActionBar方式在你的Activity的onCreate中时需要注意必须在调用了setContentView之后。
二、添加活动视图 Action View
对于Action View你可以自己定义视图,比如搜索视图,android.widget.SearchView控件,最终效果如下图:
<!--[if gte vml 1]><v:shape id="_x0000_i1028" type="#_x0000_t75" alt="actionbar actionview" style="width:210.75pt;height:37.5pt" mce_style="width:210.75pt;height:37.5pt"> <v:imagedata src="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_image004.jpg" mce o:href="http://www.android123.com.cn/images/actionbar-actionview.jpg" /></v:shape><![endif]--><!--[if !vml]--><!--[endif]-->
对于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制定一个layout xml布局文件,一个是actionViewClass指定一个类,最终调用可以在Activity中响应onCreateOptionsMenu方法映射这个menu布局即可。
@Override
publicbooleanonCreateOptionsMenu(Menumenu){
getMenuInflater().inflate(R.menu.options,menu);
SearchViewsearchView=(SearchView)menu.findItem(R.id.menu_search).getActionView();
returnsuper.onCreateOptionsMenu(menu);
}有关Action Bar的更多使用,我们在下一节 Action Bar使用方法 - Android活动栏(二) 中详细了解。
<script type="text/javascript"></script><script type="text/javascript"></script><script type="text/javascript"></script><script type="text/javascript"></script><script type="text/javascript"></script><script type="text/javascript"></script><script type="text/javascript"></script><script type="text/javascript"></script>ActionBar使用方法 -Android活动栏(二)
- 发布时间:2011-02-07
- 作者:Android开发网原创
<!--[if gte vml 1]><v:shape id="_x0000_i1037" type="#_x0000_t75" alt="" style="width:82.5pt;height:82.5pt" mce_style="width:82.5pt;height:82.5pt"> <v:imagedata src="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_image001.gif" mce o:href="http://www.android123.com.cn/main/code.gif" /></v:shape><![endif]--><!--[if !vml]--><!--[endif]-->
有关Android活动栏-ActionBar的功能除了添加活动条目 Action Items和添加活动视图 Action View外今天Android123和大家一起来看下支持多Fragment切换的ActionBar标签页和下拉导航。
三、添加标签 Tabs
在ActionBar中实现标签页可以实现android.app.ActionBar.TabListener ,重写onTabSelected、onTabUnselected和onTabReselected方法来关联Fragment。代码如下
private class MyTabListener implementsActionBar.TabListener {
privateTabContentFragmentmFragment;
//Calledtocreateaninstanceofthelistenerwhenaddinganewtab
publicTabListener(TabContentFragmentfragment){
mFragment=fragment;
}
@Override
publicvoidonTabSelected(Tabtab,FragmentTransactionft){
ft.add(R.id.fragment_content,mFragment,null);
}
@Override
publicvoidonTabUnselected(Tabtab,FragmentTransactionft){
ft.remove(mFragment);
}
@Override
publicvoidonTabReselected(Tabtab,FragmentTransactionft){
//donothing
}
}接下来我们创建ActionBar在Activity中,代码如下
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
finalActionBaractionBar=getActionBar();//Android开发网提示getActionBar方法一定在setContentView后面
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
actionBar.setDisplayOptions(0,ActionBar.DISPLAY_SHOW_TITLE);
FragmentartistsFragment=newArtistsFragment();
actionBar.addTab(actionBar.newTab().setText(R.string.tab_artists)
.setTabListener(newTabListener(artistsFragment)));
FragmentalbumsFragment=newAlbumsFragment();
actionBar.addTab(actionBar.newTab().setText(R.string.tab_albums)
.setTabListener(newTabListener(albumsFragment)));
}四、添加下拉导航 Drop-down Navigation
创建一个SpinnerAdapter提供下拉选项,和Tab方式不同的是Drop-down只需要修改下setNavigationMode的模式,将ActionBar.NAVIGATION_MODE_TABS改为ActionBar.NAVIGATION_MODE_LIST,最终改进后的代码为
ActionBar actionBar = getActionBar(); actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);You should performthis during your activity's onCreate() method.
actionBar.setListNavigationCallbacks(mSpinnerAdapter,mNavigationCallback);
上面我们通过setListNavigationCallbacks方法绑定一个SpinnerAdapter控件,具体的OnNavigationListener代码示例为
mOnNavigationListener = new OnNavigationListener(){
String[]strings=getResources().getStringArray(R.array.action_list);
@Override
publicbooleanonNavigationItemSelected(intposition,longitemId){
ListContentFragmentnewFragment=newListContentFragment();
FragmentTransactionft=openFragmentTransaction();
ft.replace(R.id.fragment_container,newFragment,strings[position]);
ft.commit();
returntrue;
}
};而其中的ListContentFragment的代码为
public class ListContentFragment extends Fragment {
privateStringmText;
@Override
publicvoidonAttach(Activityactivity){
super.onAttach(activity);
mText=getTag();
}
@Override
publicViewonCreateView(LayoutInflaterinflater,ViewGroupcontainer,
BundlesavedInstanceState){
TextViewtext=newTextView(getActivity());
text.setText(mText);
returntext;
}
}有关Android ActionBar的四种方式我们已经大概了解,具体的示例工程代码,明天Android开发网继续解析。