Android Action Bar 詳解篇(推薦)

更新時間：2016年12月13日 09:09:58 作者：思考的蘆葦

這篇文章主要介紹了Android Action Bar 詳解篇(推薦)，ActionBar可以說是一個方便快捷的導(dǎo)航神器。有興趣的可以了解一下。

作為Android 3.0之后引入的新的對象，ActionBar可以說是一個方便快捷的導(dǎo)航神器。它可以作為活動的標題，突出活動的一些關(guān)鍵操作（如“搜索”、“創(chuàng)建”、“共享”等）、作為菜單的靈活使用，還可以實現(xiàn)類似TabWidget的標簽功能以及下拉導(dǎo)航的功能，系統(tǒng)能夠很好根據(jù)不同的屏幕配置來適應(yīng)ActionBar的外觀，配合起Fragemtn可謂是十分強大。

那么，對于今天的主角ActionBar怎么去添加？在Android3.0默認主題HloleFraphic（全息）主題中，已經(jīng)創(chuàng)造了ActionBar，所以只要targetSdkVersion的值不低于11，創(chuàng)建的Activity中默認都會帶有ActionBar。例如：

<manifest ... >  
  <uses-sdk android:minSdkVersion="4" 
       android:targetSdkVersion="11" />  
  ...  
</manifest>

當然了，如果你不想為一個特定的Activity設(shè)置Action Bar，設(shè)置Activity主題為Theme.Holo.NoActionBar。

<activity android:theme="@android:style/Theme.Holo.NoActionBar">

或者在運行時通過調(diào)用hide()隱藏Action Bar。自然也有show()。

ActionBar actionBar = getActionBar();  
actionBar.hide();

下面我們從下拉導(dǎo)航、視窗操作、標簽導(dǎo)航三個方面逐一討論ActionBar

第一，下拉導(dǎo)航

下拉導(dǎo)航最典型的應(yīng)用場景就是在Google+中的使用，效果如下圖：

圖1；Google+

圖2：本文示例

實現(xiàn)此效果分如下幾個步驟：

1.初始化一個SpinnerAdapter

SpinnerAdapter mSpinnerAdapter = ArrayAdapter.createFromResource(this, 
        R.array.action_list, 
        android.R.layout.simple_spinner_dropdown_item);

2.生成一個OnNavigationListener來響應(yīng)ActionBar的菜單項點擊操作

/** 
   * 在這里配合Fragment，實現(xiàn)不同的頁面導(dǎo)航 
   */ 
  OnNavigationListener mOnNavigationListener = new OnNavigationListener() { 
 
    @Override 
    public boolean onNavigationItemSelected(int position, long itemId) { 
      Fragment newFragment = null; 
      switch (position) { 
      case 0: 
        newFragment = new Fragment1(); 
        break; 
      case 1: 
        newFragment = new Fragment2(); 
        break; 
      case 2: 
        newFragment = new Fragment3(); 
        break; 
      default: 
        break; 
      } 
      getSupportFragmentManager().beginTransaction() 
          .replace(R.id.container, newFragment, strings[position]) 
          .commit(); 
      return true; 
    } 
  };

3，將生成好的適配去和監(jiān)聽器塞給ActionBar

actionBar = getActionBar(); 
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);//導(dǎo)航模式必須設(shè)為NAVIGATION_MODE_LIST 
actionBar.setListNavigationCallbacks(mSpinnerAdapter, 
    mOnNavigationListener);

第二，操作視窗

先上效果圖

在上面的操作視窗里，增加了一個用于搜索的可選菜單項以及分享和設(shè)置的兩個自定義ActionProVider。那么如何在一個活動中，在已有的ActionBar上添加這些操作視窗。同創(chuàng)建可選菜單一樣，定義options.xml的menu文件如下：

<?xml version="1.0" encoding="utf-8"?> 
<menu xmlns:android="http://schemas.android.com/apk/res/android" > 
 
  <item 
    android:id="@+id/menu_search" 
    android:actionViewClass="android.widget.SearchView" 
    android:icon="@drawable/ic_menu_search" 
    android:showAsAction="ifroom" 
    android:title="搜索"/> 
  <item 
    android:id="@+id/menu_share" 
    android:actionProviderClass="android.widget.ShareActionProvider" 
    android:showAsAction="never" 
    android:title="分享"/> 
  <item 
    android:id="@+id/menu_setting" 
    android:actionProviderClass="com.example.tabdemo.MyActionProvider" 
    android:showAsAction="never" 
    android:title="設(shè)置"> 
    <menu> 
      <item 
        android:id="@+id/menu_theme" 
        android:actionProviderClass="com.example.tabdemo.MyActionProvider" 
        android:showAsAction="always|withText" 
        android:title="更換主題"/> 
      <item 
        android:id="@+id/menu_system" 
        android:actionProviderClass="com.example.tabdemo.MyActionProvider" 
        android:showAsAction="always|withText" 
        android:title="系統(tǒng)設(shè)置"/> 
    </menu> 
  </item> 
</menu>

仔細觀察可以發(fā)現(xiàn)每個Item里都包含如下這兩個屬性：

android:actionProviderClass="com.example.tabdemo...."

android:showAsAction=""

對于actionProviderClass屬性用來指定一個構(gòu)建視窗所使用的布局資源，除了使用actionProviderClass指定外，還可以使用actionLayout或者actionViewClass都可以。SearchView和ShareActionProvider都是系統(tǒng)自帶的ActionProvider，MyActionProvider是我們要重寫的，后面將會看到如何去自定義一個ActionProvider。

showAsAction屬性共有五個值：ifRoom、never、always、withText、collapseActionView，可以混合使用。

ifRoom	會顯示在Item中，但是如果已經(jīng)有4個或者4個以上的Item時會隱藏在溢出列表中。當然個數(shù)并不僅僅局限于4個，依據(jù)屏幕的寬窄而定
never	永遠不會顯示。只會在溢出列表中顯示，而且只顯示標題，所以在定義item的時候，最好把標題都帶上。
always	無論是否溢出，總會顯示。
withText	withText值示意Action bar要顯示文本標題。Action bar會盡可能的顯示這個標題，但是，如果圖標有效并且受到Action bar空間的限制，文本標題有可能顯示不全。
collapseActionView	聲明了這個操作視窗應(yīng)該被折疊到一個按鈕中，當用戶選擇這個按鈕時，這個操作視窗展開。否則，這個操作視窗在默認的情況下是可見的，并且即便在用于不適用的時候，也要占據(jù)操作欄的有效空間。一般要配合ifRoom一起使用才會有效果。

注：當你的應(yīng)用程序正在Android4.0（API 級別 14）或以上的版本上運行，那么還有一種叫做“分隔操作欄”的額外模式對action bar有效。當你啟用分隔操作欄模式時，在屏幕的底部會顯示一個獨立的橫條，用于顯示Activity在窄屏設(shè)備（如豎屏手機）上運行時的所有操作項。這里我們不過過多描述，有興趣自己去研究。

就像加載menu一樣，在activity的onCreateOptionsMenu方法里調(diào)用上述的xml文件：

getMenuInflater().inflate(R.menu.options, menu);  
//搜索視窗，因為showAsAction="ifRoom"，所以圖三中出現(xiàn)了搜索按鈕 
SearchView searchView = (SearchView) menu.findItem(R.id.menu_search) 
    .getActionView(); 
 
//分享視窗，因為showAsAction="never"，所以只能在溢出菜單中才看見到 
ShareActionProvider mShareActionProvider = (ShareActionProvider) menu 
    .findItem(R.id.menu_share).getActionProvider(); 
Intent shareIntent = new Intent(Intent.ACTION_SEND); 
shareIntent.setType("image/*"); 
mShareActionProvider.setShareIntent(shareIntent); 
 
//設(shè)置視窗，MyActionProvider就是我們自定義的ActionProvider 
MyActionProvider myactionprovider = (MyActionProvider) menu.findItem( 
    R.id.menu_setting).getActionProvider(); 
return super.onCreateOptionsMenu(menu);

顯然，當成功運行的時候，結(jié)果如圖三，當點擊搜索按鈕時，搜索按鈕立刻變成了如圖四的樣子，變成可折疊的操作視窗。

如何自定義操作視窗，定義一個類MyActionProvider繼承自ActionProvider，并實現(xiàn)它的兩口回調(diào)函數(shù)即可。如下：

/** 
 * @ClassName: MyActionProvider 
 * @Description: 自定義一個視窗操作器，實現(xiàn)構(gòu)造函數(shù)和onCreateActionView即可 
 * @author yuxianglong 
 * @date 2013-7-11 下午3:13:44 
 *  
 */ 
public class MyActionProvider extends ActionProvider{ 
 
  private Context context; 
  private LayoutInflater inflater; 
  private View view; 
  private ImageView button; 
  public MyActionProvider(Context context) { 
    super(context); 
    // TODO Auto-generated constructor stub 
    this.context = context; 
    inflater = LayoutInflater.from(context); 
    view = inflater.inflate(R.layout.myactionprovider, null); 
  } 
 
   
  @Override 
  public View onCreateActionView() { 
    // TODO Auto-generated method stub 
    button = (ImageView) view.findViewById(R.id.button); 
    button.setOnClickListener(new View.OnClickListener() { 
       
      @Override 
      public void onClick(View v) { 
        // TODO Auto-generated method stub 
        Toast.makeText(context, "是我，沒錯", Toast.LENGTH_SHORT).show(); 
      } 
    }); 
    return view; 
  } 
 
}

如此一來，只要在options.xml里直接引用。運行成功效果如圖五，點擊溢出菜單，設(shè)置按鈕出來了，如果繼續(xù)點下去，回調(diào)出它的子菜單，因為我們在options.xml里給自定義的ActionProvider分配了子菜單。

當然了，最顯眼的就是處理Action Bar上的應(yīng)用程序圖標，平時玩手機多的同學(xué)應(yīng)該可以發(fā)現(xiàn)，好多應(yīng)用的圖標都是可以點擊的，而且大多數(shù)都是回到了上一個Activity，或者說是主Activity。那么，如何觸發(fā)應(yīng)用程序圖標呢，說白了應(yīng)用程序圖標也是一個菜單，并且其id是規(guī)定死的，所以只要我們在onOptionsItemSelected方法里去捕捉它的點擊事件，做出響應(yīng)：

@Override 
  public boolean onOptionsItemSelected(MenuItem item) { 
    switch (item.getItemId())  
      {     
       case android.R.id.home:       
         Intent intent = new Intent(this, HomeActivity.class);       
         intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);  
         startActivity(intent);       
         return true;     
       default:       
         return super.onOptionsItemSelected(item);   
      } 
  }

我們給Intent添加了FLAG_ACTIVITY_CLEAR_TOP標識，該標識的作用是在回到HomeActivity時，把在堆棧中處于HomeActivity上面的活動全部清除。如果這是候運行程序的話，如果系統(tǒng)版本小于4.0的話，是可以正常跑起來的，達到想要的效果，但如果系統(tǒng)大于或者等于4.0的話，那么點擊應(yīng)用圖標是無效的。必須加上setHomeButtonEnabled=true，4.0一下默認為true。如果還想要一個回退箭頭的話，再加上一句setDisplayHomeAsUpEnabled(true);效果如下：

這里我在擴展一下：使用過Navigation Drawer的同學(xué)應(yīng)該了解，這里點擊應(yīng)用程序圖標通常會作為拉出導(dǎo)航抽屜。通常在那種情況下是把活動的onOptionsItemSelected，傳送給ActionBarDrawerToggle的onOptionsItemSelected。不多說了，感興趣的同學(xué)自己去研究，后面會把Navigation Bar寫出來。

第三，導(dǎo)航選項標簽

當你想要在一個Activity中提供導(dǎo)航選擇標簽時，使用操作欄的選項標簽是一個非常好的選擇（而不是使用TabWidget類），因為系統(tǒng)會調(diào)整操作欄選項標簽來適應(yīng)不同尺寸的屏幕的需要，在屏幕足夠?qū)挼臅r候，導(dǎo)航選項標簽會被放到主操作欄中；當屏幕太窄的時候，選項標簽會被放到一個分離的橫條中。如圖下：

要使用選項標簽在Fragmengt之間切換，選擇一個選項標簽時執(zhí)行一個Fragment事務(wù)，布局里包含一個用于放置跟每個Fragment對象關(guān)聯(lián)的選項標簽的ViewGroup對象。該對象有一個資源ID，以便能夠在選項標簽的切換代碼中能夠引用它。Activity的布局文件activity_main.xml定義如下：

   <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:id="@+id/container" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  tools:context=".MainActivity" 
  tools:ignore="MergeRootFrame" />

這里的ViewGroup為FragmentLayout。Activity代碼如下：

/* 
* @ClassName: MainActivity 
* @Description: 繼承自FragmentActivity,作為Fragment的holder-Activity使用， 
*        實現(xiàn)TabListener接口，當切Tab的時候達到切換Fragment的效果 
* @author yuxianglong 
* @date 2013-7-11 下午7:40:35 
* 
 */ 
public class MainActivity extends FragmentActivity implements 
    ActionBar.TabListener { 
  private ActionBar actionBar; 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
    actionBar = getActionBar(); 
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);// 導(dǎo)航模式必須設(shè)為NAVIGATION_MODE_Tabs 
 
    // For each of the sections in the app, add a tab to the action bar. 
 
    actionBar.addTab(actionBar.newTab().setText(R.string.title_section1) 
        .setTabListener(this)); 
    actionBar.addTab(actionBar.newTab().setText(R.string.title_section2) 
        .setTabListener(this)); 
    actionBar.addTab(actionBar.newTab().setText(R.string.title_section3) 
        .setTabListener(this)); 
 
  } 
 
 
  @Override 
  public void onTabSelected(ActionBar.Tab tab, 
      FragmentTransaction fragmentTransaction) { 
    // When the given tab isselected, show the tabcontents in the 
    // //container view. 
    Fragment fragment3 = null; 
    Fragment fragment1 = null; 
    Fragment fragment2 = null; 
    switch (tab.getPosition()) { 
    case 0: 
      if (fragment1 == null) { 
        fragment1 = new Fragment1(); 
      } 
      getSupportFragmentManager().beginTransaction() 
          .replace(R.id.container, fragment1).commit(); 
      break; 
    case 1: 
      if (fragment2 == null) { 
        fragment2 = new Fragment2(); 
      } 
      getSupportFragmentManager().beginTransaction() 
          .replace(R.id.container, fragment2).commit(); 
      break; 
    case 2: 
      if (fragment3 == null) { 
        fragment3 = new Fragment3(); 
      } 
      getSupportFragmentManager().beginTransaction() 
          .replace(R.id.container, fragment3).commit(); 
      break; 
 
    default: 
      break; 
    } 
 
  } 
 
  @Override 
  public void onTabUnselected(ActionBar.Tab tab, 
      FragmentTransaction fragmentTransaction) { 
  } 
 
  @Override 
  public void onTabReselected(ActionBar.Tab tab, 
      FragmentTransaction fragmentTransaction) { 
  } 
 
}

最后跑起來的效果如下：