詳解Android ActionBar之一:ActionBar概述與建立

來源:互聯網
上載者:User

標籤:android   style   http   java   使用   strong   

    前面一個系列中講的是Fragment的內容,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,類似:

XML/HTML代碼
  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了,代碼為:

XML/HTML代碼
  1. < activity android:theme="@android:style/Theme.NoTitleBar">  

       一、添加活動條目 Action Items

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

  下面是一個menu的layout布局檔案代碼:

XML/HTML代碼
  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布局,如下:

XML/HTML代碼
  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的代碼要這樣寫:

XML/HTML代碼
  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. }  

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.