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

  如果需要隐藏Action Bar可以在你的Activity的属性中设置主题风格为NoTitleBar在你的manifest文件中，Android123提示大家，下面的代码在3.0以前是隐藏标题，而在3.0以后就是隐藏ActionBar了，代码为

  <activity android: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_src="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg" 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"?>
<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);
}

 这里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_src="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_image004.jpg" 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
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);
}

 有关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_src="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_image001.gif" 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 implements ActionBar.TabListener {
    private TabContentFragment mFragment;
 
    // Called to create an instance of the listener when adding a new tab
    public TabListener(TabContentFragment fragment) {
        mFragment = fragment;
    }
 
    @Override
    public void onTabSelected(Tab tab, FragmentTransaction ft) {
        ft.add(R.id.fragment_content, mFragment, null);
    }
 
    @Override
    public void onTabUnselected(Tab tab, FragmentTransaction ft) {
        ft.remove(mFragment);
    }
 
    @Override
    public void onTabReselected(Tab tab, FragmentTransaction ft) {
        // do nothing
    }
 
}

 接下来我们创建ActionBar在Activity中，代码如下

  @Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main); 
 
    final ActionBar actionBar = getActionBar();  //Android开发网提示getActionBar方法一定在setContentView后面
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); 
    actionBar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE); 
 
    Fragment artistsFragment = new ArtistsFragment(); 
    actionBar.addTab(actionBar.newTab().setText(R.string.tab_artists)
            .setTabListener(new TabListener(artistsFragment)));
 
    Fragment albumsFragment = new AlbumsFragment();
    actionBar.addTab(actionBar.newTab().setText(R.string.tab_albums)
            .setTabListener(new TabListener(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 perform this 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
  public boolean onNavigationItemSelected(int position, long itemId) { 
 
    ListContentFragment newFragment = new ListContentFragment();
    FragmentTransaction ft = openFragmentTransaction(); 
  
    ft.replace(R.id.fragment_container, newFragment, strings[position]); 
 
    ft.commit();
    return true;
  }
};

而其中的ListContentFragment的代码为

 public class ListContentFragment extends Fragment {
    private String mText;
 
    @Override
    public void onAttach(Activity activity) { 

      super.onAttach(activity);
      mText = getTag();
    }
 
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) { 

        TextView text = new TextView(getActivity());
        text.setText(mText);
        return text;
    }
}

 有关Android ActionBar的四种方式我们已经大概了解，具体的示例工程代码，明天Android开发网继续解析。