Android Action Bar使用方法-活动栏

openkk 12年前
     <p>在Android 3.0中除了我们重点讲解的Fragment外,Action Bar也是一个重要的内容,Action Bar主要是用于代替传统的标题栏,对于Android平板设备来说屏幕更大它的标题使用Action Bar来设计可以展示更多丰富的内容,方便操控。</p>    <p>Action Bar主要功能包含:</p>    <p>1. 显示选项菜单<br /> 2. 提供标签页的切换方式的导航功能,可以切换多个fragment.<br /> 3.  提供下拉的导航条目.<br /> 4. 提供交互式活动视图代替选项条目<br /> 5. 使用程序的图标作为返回Home主屏或向上的导航操作。</p>    <p>首先我们一起来看下Action Bar代替传统Title的效果,下面一个平板应用的标题栏,是不是图标很大啊。</p>    <p><img title="Android Action Bar使用方法-活动栏" border="0" alt="Android Action Bar使用方法-活动栏" src="https://simg.open-open.com/show/28204c2d12bce45f4b9f92c4bcecf2ea.jpg" width="500" height="36" /></p>    <p>你的程序中应用ActionBar需要注意几点,SDK和最终运行的固件必须是Android 3.0即honeycomb,在androidmanifest.xml文件中的uses-sdk元素中加入android:minSdkVersion 或android:targetSdkVersion,类似</p>    <pre class="brush:xml; toolbar: true; auto-links: false;"><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></pre>    <p></p> 如果需要隐藏Action Bar可以在你的Activity的属性中设置主题风格为NoTitleBar在你的manifest文件中,Android123提示大家,下面的代码在3.0以前是隐藏标题,而在3.0以后就是隐藏ActionBar了,代码为    <pre class="brush:xml; toolbar: true; auto-links: false;"><activity android:theme="<a class="referer" href="/misc/goto?guid=4959499322276014178" target="_blank">@android</a> :style/Theme.NoTitleBar"></pre>    <p></p>    <p>一、添加活动条目 Action Items</p>    <p>对于活动条目大家可以在下图看到Android 3.0的标题右部分可以变成工具栏,下面的Save和Delete就是两个Action Items活动条目,如图<br /> <img title="Android Action Bar使用方法-活动栏" border="0" alt="Android Action Bar使用方法-活动栏" src="https://simg.open-open.com/show/4c17f63a0f4d4264a30ef690fc65313c.jpg" width="359" height="57" /><br /> 下面是一个menu的layout布局文件代码</p>    <pre class="brush:xml; toolbar: true; auto-links: false;"><?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></pre>    <p></p> 而其他代码类似Activity中的Menu,比如    <pre class="brush:java; toolbar: true; auto-links: false;">@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); }</pre>    <p></p> 对于ActionBar的创建,可以在你的Activity中重写onStart方法    <pre class="brush:java; toolbar: true; auto-links: false;">@Override protected void onStart() {   super.onStart();   ActionBar actionBar = this.getActionBar();   actionBar.setDisplayOptions(ActionBar.DISPLAY_HOME_AS_UP, ActionBar.DISPLAY_HOME_AS_UP); }</pre>    <p></p>    <p>调用getActionBar方式在你的Activity的onCreate中时需要注意必须在调用了setContentView之后。</p>    <p>二、添加活动视图 Action View</p>    <p>对于Action View你可以自己定义视图,比如搜索视图,android.widget.SearchView控件,最终效果如下图:<br /> <img title="Android Action Bar使用方法-活动栏" border="0" alt="Android Action Bar使用方法-活动栏" src="https://simg.open-open.com/show/f55b58a8156aab47d48b2abe86edbc44.jpg" width="281" height="50" /><br /> 对于ActionView,我们可以在menu的布局文件使用中来自定义searchview布局,如代码</p>    <pre class="brush:xml; toolbar: true; auto-links: false;"><item android:id="@+id/menu_search" ;    android:title="Search"     android:icon="@drawable/ic_menu_search" ;    android:showAsAction="ifRoom"     android:actionLayout="@layout/searchview" ;/></pre>    <p></p> 也可以直接指定Android系统中的SearchView控件,那么这时menu”_search的代码要这样写    <pre class="brush:xml; toolbar: true; auto-links: false;"><item android:id="@+id/menu_search" ;    android:title="Search"     android:icon="@drawable/ic_menu_search" ;    android:showAsAction="ifRoom"     android:actionViewClass="android.widget.SearchView" /></pre>    <p></p> 大家注意上面的两种方法中一个属性是actionLayout制定一个layout xml布局文件,一个是actionViewClass指定一个类,最终调用可以在Activity中响应onCreateOptionsMenu方法映射这个menu布局即可。    <pre class="brush:java; toolbar: true; auto-links: false;">@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); }</pre>    <p></p> 原文链接:    <a href="/misc/goto?guid=4959499322383352953" rel="nofollow">http://www.android123.com.cn/androidkaifa/777.html</a>