action bar

QiMenger 2012-05-28

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"/>

<application...>

...

</application>

</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]-->action bar<!--[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]-->action bar<!--[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]-->action bar<!--[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开发网继续解析。

 

相关推荐