1. 程式人生 > >Android ActionBar使用方法

Android ActionBar使用方法

 在Android 3.0中除了我們重點講解的Fragment外,Action Bar也是一個重要的內容,Action Bar主要是用於代替傳統的標題欄,對於Android平板裝置來說螢幕更大它的標題使用Action Bar來設計可以展示更多豐富的內容,方便操控。
   Action Bar主要功能包含:

  1. 顯示選項選單
  2. 提供標籤頁的切換方式的導航功能,可以切換多個fragment.
  3. 提供下拉的導航條目.
  4. 提供互動式活動檢視代替選項條目
  5. 使用程式的圖示作為返回Home主屏或向上的導航操作。

       提示在你的程式中應用ActionBar需要注意幾點,SDK和最終執行的韌體必須是Android 3.0即honeycomb,在androidmanifest.xml檔案中的uses-sdk元素中加入android:minSdkVersion 或android:targetSdkVersion,類似


Java程式碼:

  1. < manifest xmlns:android="http://schemas.android.com/apk/res/android"
  2. package="eoe.android.cwj"
  3. android:versionCode="1"
  4. android:versionName="1.0">
  5. < uses-sdk android:minSdkVersion="honeycomb" />
  6. < application ... >


  7. < /application>
  8. < /manifest>
複製程式碼
        如果需要隱藏Action Bar可以在你的Activity的屬性中設定主題風格為NoTitleBar在你的manifest檔案中,下面的程式碼在3.0以前是隱藏標題,而在3.0以後就是隱藏ActionBar了,程式碼為

Java程式碼:
  1.  < activity android:theme="@android:style/Theme.NoTitleBar">
複製程式碼
        一、新增活動條目 Action Items

  對於活動條目大家可以在下圖看到Android 3.0的標題右部分可以變成工具欄,下面的Save和Delete就是兩個Action Items活動條目。

  下面是一個menu的layout佈局檔案程式碼

Java程式碼:
  1. < ?xml version="1.0" encoding="utf-8"?>
  2. < menu xmlns:android="http://schemas.android.com/apk/res/android">
  3. < item android:id="@+id/menu_add"
  4. android:icon="@drawable/ic_menu_save"
  5. android:title="@string/menu_save"
  6. android:showAsAction="ifRoom|withText" />
  7. < /menu>
複製程式碼         而其他程式碼類似Activity中的Menu,比如

Java程式碼:
  1. @Override
  2. public boolean onOptionsItemSelected(MenuItem item) {
  3. switch (item.getItemId()) {
  4. case android.R.id.home:
  5. // 當Action Bar的圖示被單擊時執行下面的Intent
  6. Intent intent = new Intent(this, Android123.class);
  7. startActivity(intent);
  8. break;
  9. }
  10. return super.onOptionsItemSelected(item);
  11. }
複製程式碼         對於ActionBar的建立,可以在你的Activity中重寫onStart方法

Java程式碼:
  1. @Override
  2. protected void onStart() {
  3. super.onStart();
  4. ActionBar actionBar = this.getActionBar();
  5. actionBar.setDisplayOptions(ActionBar.DISPLAY_HOME_AS_UP, ActionBar.DISPLAY_HOME_AS_UP);
  6. }
複製程式碼       呼叫getActionBar方式在你的Activity的onCreate中時需要注意必須在呼叫了setContentView之後。

   二、新增活動檢視 Action View

       對於ActionView,我們可以在menu的佈局檔案使用中來自定義searchview佈局,如程式碼

Java程式碼:
  1. < item android:id="@+id/menu_search"
  2. android:title="Search"
  3. android:icon="@drawable/ic_menu_search"
  4. android:showAsAction="ifRoom"
  5. android:actionLayout="@layout/searchview" />
複製程式碼
         也可以直接指定Android系統中的SearchView控制元件,那麼這時menu"_search的程式碼要這樣寫

Java程式碼:
  1. < item android:id="@+id/menu_search"
  2. android:title="Search"
  3. android:icon="@drawable/ic_menu_search"
  4. android:showAsAction="ifRoom"
  5. android:actionViewClass="android.widget.SearchView" />
複製程式碼
       大家注意上面的兩種方法中一個屬性是actionLayout制定一個layout xml佈局檔案,一個是actionViewClass指定一個類,最終呼叫可以在Activity中響應onCreateOptionsMenu方法對映這個menu佈局即可。

Java程式碼:
  1. @Override
  2. public boolean onCreateOptionsMenu(Menu menu) {
  3. getMenuInflater().inflate(R.menu.options, menu);
  4. SearchView searchView = (SearchView) menu.findItem(R.id.menu_search).getActionView();
  5. return super.onCreateOptionsMenu(menu);
  6. }
複製程式碼
       有關Android活動欄-ActionBar的功能除了新增活動條目 Action Items和新增活動檢視 Action View外現在和大家一起來看下支援多Fragment切換的ActionBar標籤頁和下拉導航。


三、新增標籤 Tabs

  在ActionBar中實現標籤頁可以實現android.app.ActionBar.TabListener ,重寫onTabSelected、onTabUnselected和onTabReselected方法來關聯Fragment。程式碼如下

Java程式碼:

  1. private class MyTabListener implements ActionBar.TabListener {
  2. private TabContentFragment mFragment;
  3. public TabListener(TabContentFragment fragment) {
  4. mFragment = fragment;
  5. }
  6. @Override
  7. public void onTabSelected(Tab tab, FragmentTransaction ft) {
  8. ft.add(R.id.fragment_content, mFragment, null);
  9. }
  10. @Override
  11. public void onTabUnselected(Tab tab, FragmentTransaction ft) {
  12. ft.remove(mFragment);
  13. }
  14. @Override
  15. public void onTabReselected(Tab tab, FragmentTransaction ft) {
  16. }

  17. }

複製程式碼
       接下來我們建立ActionBar在Activity中,程式碼如下

Java程式碼:
  1. @Override
  2. protected void onCreate(Bundle savedInstanceState) {
  3. super.onCreate(savedInstanceState);
  4. setContentView(R.layout.main);
  5. final ActionBar actionBar = getActionBar(); //提示getActionBar方法一定在setContentView後面
  6. actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
  7. actionBar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE);
  8. Fragment artistsFragment = new ArtistsFragment();
  9. actionBar.addTab(actionBar.newTab().setText(R.string.tab_artists).setTabListener(new TabListener(artistsFragment)));
  10. Fragment albumsFragment = new AlbumsFragment();
  11. actionBar.addTab(actionBar.newTab().setText(R.string.tab_albums).setTabListener(new TabListener(albumsFragment)));
  12. }

複製程式碼
        四、新增下拉導航 Drop-down Navigation

  建立一個SpinnerAdapter提供下拉選項,和Tab方式不同的是Drop-down只需要修改下setNavigationMode的模式,將ActionBar.NAVIGATION_MODE_TABS改為ActionBar.NAVIGATION_MODE_LIST,最終改進後的程式碼為

Java程式碼:
  1. ActionBar actionBar = getActionBar();
  2. actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
  3. actionBar.setListNavigationCallbacks(mSpinnerAdapter, mNavigationCallback);

複製程式碼
       上面我們通過setListNavigationCallbacks方法繫結一個SpinnerAdapter控制元件,具體的OnNavigationListener程式碼示例為

Java程式碼:
  1. mOnNavigationListener = new OnNavigationListener() {
  2. String[] strings = getResources().getStringArray(R.array.action_list);
  3. @Override
  4. public boolean onNavigationItemSelected(int position, long itemId) {
  5. ListContentFragment newFragment = new ListContentFragment();
  6. FragmentTransaction ft = openFragmentTransaction();
  7. ft.replace(R.id.fragment_container, newFragment, strings[position]);
  8. ft.commit();
  9. return true;
  10. }

  11. };
複製程式碼
        而其中的ListContentFragment的程式碼為

Java程式碼:
  1. public class ListContentFragment extends Fragment {
  2. private String mText;

  3. @Override
  4. public void onAttach(Activity activity) {
  5. super.onAttach(activity);
  6. mText = getTag();
  7. }

  8. @Override
  9. public View onCreateView(LayoutInflater inflater, ViewGroup container,
  10. Bundle savedInstanceState) {
  11. TextView text = new TextView(getActivity());
  12. text.setText(mText);
  13. return text;
  14. }
  15. }

複製程式碼
轉自: http://www.eoeandroid.com/thread-71410-1-1.html