Android UI開發詳解之ActionBar

在Android3.0以後，Google對UI導航設計上進行了一系列的改革，其中有一個很是好用的新功能就是引入的ActionBar，他用於取代3.0以前的標題欄，並提供更爲豐富的導航效果。java

1、添加ActionBarandroid

一、不須要導入ActionBar，由於在android3.0或者以上版本中，ActionBar已經默認的包含在Activity中二、在Android3.0的默認主題「holographic」中，已經創造了ActionBar 三、當android:minSdkVersion 或者 android:targetSdkVersion 屬性被設置成11或者更高時，應用會被認爲是Android3.0版本（默認含有ActionBar）數組

2、隱藏ActionBarapp

一、咱們能夠經過把主題設置爲Theme.Holo.NoActionBar爲一個Activity去除掉ActionBar。ide

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

二、咱們也能夠經過在代碼中調用show()或者hide()方法來相應的顯示或者隱藏ActionBar佈局

三、在咱們使用actionBar.hide();方法是系統默認會將ActionBar佔用的空間分配給界面，此時顯示的界面將會從新繪製。一樣調用actionBar.show();時也會從新繪製界面。若是咱們一個程序須要頻繁的顯示或者隱藏ActionBar的話，這樣就不會有良好的效果。Google提供給一個屬性可讓ActionBar浮在界面上，固然你可讓ActionBar的背景爲透明，這樣會有良好的體驗效果。this

3、添加ActionBar的Itemspa

一、經過程序動態佈局設計

 
      01 
      package com.xys.actionbar;  
     
      02 
        
      03 
      import android.os.Bundle;  
     
      04 
      import android.app.ActionBar;  
     
      05 
      import android.app.Activity;  
     
      06 
      import android.view.Menu;  
     
      07 
      import android.view.MenuItem;  
     
      08 
        
      09 
      public class MainActivity extends Activity {  
     
      10 
        
      11 
          ActionBar actionBar;  
     
      12 
          @Override 
     
      13 
          protected void onCreate(Bundle savedInstanceState) {  
     
      14 
              super.onCreate(savedInstanceState);  
     
      15 
              setContentView(R.layout.activity_main);  
     
      16 
              actionBar=getActionBar();  
     
      17 
              actionBar.show();  
     
      18 
          }  
     
      19 
        
      20 
        
      21 
          @Override 
     
      22 
          public boolean onCreateOptionsMenu(Menu menu) {  
     
      23 
              // Inflate the menu; this adds items to the action bar if it is present.  
     
      24 
              super.onCreateOptionsMenu(menu);  
     
      25 
              //添加菜單項  
     
      26 
              MenuItem add=menu.add(0,0,0,"add");  
     
      27 
              MenuItem del=menu.add(0,0,0,"del");  
     
      28 
              MenuItem save=menu.add(0,0,0,"save");  
     
      29 
              //綁定到ActionBar    
     
      30 
              add.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);  
     
      31 
              del.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);  
     
      32 
              save.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);  
     
      33 
              return true;  
     
      34 
          }  
     
      35 
            
      36 
      }

效果如圖：code

二、經過Menu.xml文件佈局

menu/menu.xml

 
      01 
      <?xml version="1.0" encoding="utf-8"?>  
     
      02 
      <menu xmlns:android="http://schemas.android.com/apk/res/android" >  
     
      03 
        
      04 
          <item  
     
      05 
              android:id="@+id/item1" 
     
      06 
              android:orderInCategory="1" 
     
      07 
              android:showAsAction="ifRoom|withText" 
     
      08 
              android:title="@string/save"/>  
     
      09 
        
      10 
          <item  
     
      11 
              android:id="@+id/item1" 
     
      12 
              android:orderInCategory="2" 
     
      13 
              android:showAsAction="ifRoom|withText" 
     
      14 
              android:title="@string/edit"/>  
     
      15 
      </menu>

程序：

 
      01 
      public class ActionBarXMLActivity extends Activity {  
     
      02 
          /** Called when the activity is first created. */ 
     
      03 
          @Override 
     
      04 
          public void onCreate(Bundle savedInstanceState) {  
     
      05 
              super.onCreate(savedInstanceState);  
     
      06 
              setContentView(R.layout.main);  
     
      07 
          }  
     
      08 
        
      09 
          @Override 
     
      10 
          public boolean onCreateOptionsMenu(Menu menu)  
     
      11 
          {  
     
      12 
              MenuInflater inflater = getMenuInflater();  
     
      13 
              inflater.inflate(R.menu.optionsmenu, menu);  
     
      14 
              return true;  
     
      15 
          }  
     
      16 
      }

效果和上面同樣

4、關於菜單項過多

當菜單項過多時，Android會分兩種狀況進行處理：

一、手機有MENU實體鍵：則按下Menu鍵後會顯示剩餘菜單項

二、手機沒有MENU實體鍵：則會在最左邊顯示一個Action OverFlow按鈕，按下後會顯示剩餘項菜單，如圖：

5、使用帶字的Action Item

一、Action item 默認格式是若是菜單項含字和圖標的話，只顯示圖標二、若是想要顯示字的效果，在xml裏以下設置：android:showAsAction="ifRoom|withText" 或者在代碼裏調用setShowAsAction()：setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM)

6、ActionBar的單擊事件

一、ActionBar中一個菜單項（即Action item）的觸發像之前版本中的活動菜單回調方法（onOptionsItemSelected()）同樣。二、當用戶選擇一個Fragment的菜單項時，首先會調用Activity的onOptionsItemSelected()方法，若是該方法返回false，則調用Fragment實現的onOptionsItemSelected()方

法。

 
      01 
      public boolean onOptionsItemSelected(MenuItem item) {  
     
      02 
              // TODO Auto-generated method stub  
     
      03 
              switch (item.getItemId()) {  
     
      04 
              case R.id.menu_save:  
     
      05 
                  Toast.makeText(getApplicationContext(), "menu_save", 0).show();  
     
      06 
                  break;  
     
      07 
              case android.R.id.home:  
     
      08 
                  Intent intent = new Intent(this, MainActivity.class);  
     
      09 
                  intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP  
     
      10 
                          | Intent.FLAG_ACTIVITY_NEW_TASK);  
     
      11 
                  startActivity(intent);  
     
      12 
                  Toast.makeText(getApplicationContext(), "android.R.id.home", 0)  
     
      13 
                          .show();  
     
      14 
                  break;  
     
      15 
              default:  
     
      16 
                  break;  
     
      17 
              }  
     
      18 
              return super.onOptionsItemSelected(item);  
     
      19 
          }

7、應用的圖標

一、默認狀況下，應用圖標在ActionBar的左側二、當用戶點擊應用bar的時候，系統會調用你的Activity裏面的onOptionsItemSelected() 方法裏面的Android.R.id.Home ID(你的主ID)裏定義的事件。咱們能夠重寫這個方法，添加一個條件執行該行爲：讓它跳轉到這個應用的主Activity而不是返回的主屏幕。三、若是選擇返回應用的主activity，最好的方式是在建立的Intent中添加FLAG_ACTIVITY_CLEAR_TOP這個標籤。使用這個FLAG_ACTIVITY_CLEAR_TOP標籤，若是應用的主Activity已經在activity棧中存在，全部在其上的activity都會被銷燬，而後主activity會到棧頂，而不用建立主Activity的的新實例。

 
      01 
      @Override 
     
      02 
          public boolean onOptionsItemSelected(MenuItem item)  
     
      03 
          {  
     
      04 
              switch (item.getItemId())  
     
      05 
              {  
     
      06 
              case android.R.id.home:  
     
      07 
                  Intent intent = new Intent(this, MainActivity.class);  
     
      08 
                  intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);  
     
      09 
                  startActivity(intent);  
     
      10 
                  return true;  
     
      11 
              default:  
     
      12 
                  return super.onOptionsItemSelected(item);  
     
      13 
              }  
     
      14 
          }

當咱們想實現用戶點擊ActionBar 圖標後返回前一個activity，能夠經過在Actionbar設置setDisplayHomeAsUpEnabled(true) 來實現。如圖：

8、添加活動視圖

一、ActionBar中還能夠添加不少其餘的視圖

咱們也能夠添加一個視圖做爲一個Action Item.咱們能夠經過在xml元素的android:actionLayout屬性制定咱們但願現實佈局資源的ID（例如@layout/mysearchview) 咱們能夠選擇添加android:actionViewClass屬性分配與徹底限定的類名描述咱們想要顯示的視圖(例如android.widget.SearchView)

 
      01 
      package com.xys.actionbar;  
     
      02 
        
      03 
      import android.app.ActionBar;  
     
      04 
      import android.app.Activity;  
     
      05 
      import android.os.Bundle;  
     
      06 
      import android.view.Menu;  
     
      07 
      import android.view.MenuInflater;  
     
      08 
        
      09 
      public class MainActivity extends Activity {  
     
      10 
          /** Called when the activity is first created. */ 
     
      11 
          @Override 
     
      12 
          public void onCreate(Bundle savedInstanceState) {  
     
      13 
              super.onCreate(savedInstanceState);  
     
      14 
              setContentView(R.layout.activity_main);  
     
      15 
          }  
     
      16 
          @Override 
     
      17 
          protected void onStart() {  
     
      18 
              super.onStart();  
     
      19 
              ActionBar actionBar = this.getActionBar();  
     
      20 
              actionBar.setDisplayHomeAsUpEnabled(true);  
     
      21 
          }  
     
      22 
        
      23 
          @Override 
     
      24 
          public boolean onCreateOptionsMenu(Menu menu)  
     
      25 
          {  
     
      26 
              MenuInflater inflater = getMenuInflater();  
     
      27 
              inflater.inflate(R.menu.main, menu);  
     
      28 
              return true;  
     
      29 
          }  
     
      30 
      }

這樣咱們就添加了一個Search的視圖，效果以下：

二、其餘Item

ActionBar的Item會分有好幾個種類，分別有 1）.普通類型（帶圖片帶文字）。 2）.分享類型。
3）.可拓展類型。 4）.列表類型。

如圖：

 
      01 
      <item 
     
      02 
      android:id="@+id/menu_collapse" 
     
      03 
      android:actionLayout="@layout/collapsibleview" 
     
      04 
      android:icon="@drawable/search" 
     
      05 
      android:showAsAction="ifRoom|collapseActionView" 
     
      06 
      android:title="@string/menu_search">  
     
      07 
      </item>  
     
      08 
      <item 
     
      09 
      android:id="@+id/menu_share" 
     
      10 
      android:actionProviderClass="android.widget.ShareActionProvider" 
     
      11 
      android:enabled="true" 
     
      12 
      android:showAsAction="ifRoom" 
     
      13 
      android:title="@string/menu_share"/>  
     
      14 
      <item 
     
      15 
      android:id="@+id/menu_settings" 
     
      16 
      android:icon="@drawable/save" 
     
      17 
      android:orderInCategory="100" 
     
      18 
      android:title="@string/menu_settings">  
     
      19 
      </item>  
     
      20 
      <item 
     
      21 
      android:id="@+id/menu_save" 
     
      22 
      android:icon="@drawable/save" 
     
      23 
      android:showAsAction="ifRoom|withText" 
     
      24 
      android:title="@string/menu_save">  
     
      25 
      <menu>  
     
      26 
      <item 
     
      27 
      android:id="@+id/action_sort_size" 
     
      28 
      android:icon="@android:drawable/ic_menu_sort_by_size" 
     
      29 
      android:onClick="onSort"/>  
     
      30 
      <item 
     
      31 
      android:id="@+id/action_sort_alpha" 
     
      32 
      android:icon="@android:drawable/ic_menu_sort_alphabetically" 
     
      33 
      android:onClick="onSort"/>  
     
      34 
      </menu>  
     
      35 
      </item>

menu_save Item 就是一個最普通的帶文字帶圖片的Item。可否顯示在ActionBar的Item主要看android:showAsAction="ifRoom|withText"這個屬性。看menu_sitting 就永遠不會顯示出來，只有在按menu時候會顯示。谷歌文檔中提供android：showAsAction總共有五個屬性。 never：永遠不會顯示。只會在溢出列表中顯示。 ifRoom：會顯示在Item中，可是若是已經有4個或者4個以上的Item時會隱藏在溢出列表中。 always：不管是否溢出，總會顯示。 withText：Title會顯示。 collapseActionView：可拓展的Item。

三、可分享的Item 看上面代碼片斷 menu_share 按鈕就是一個可分享的Item。 android:actionProviderClass="android.widget.ShareActionProvider"表示這個Item是個分享Item 在java代碼中進行實現:

 
      01 
      public boolean onCreateOptionsMenu(Menu menu) {   
     
      02 
      // 添加分享按鈕的事件  
     
      03 
      // 4.0如下沒有ShareActionProvider  
     
      04 
      MenuItem menuItem_share = menu.findItem(R.id.menu_share);  
     
      05 
      // Get the provider and hold onto it to set/change the share intent.  
     
      06 
      mShareActionProvider = (ShareActionProvider) menuItem_share  
     
      07 
      .getActionProvider();  
     
      08 
      // If you use more than one ShareActionProvider, each for a different  
     
      09 
      // action,  
     
      10 
      // use the following line to specify a unique history file for each one.  
     
      11 
      // mShareActionProvider.setShareHistoryFileName("custom_share_history.xml");  
     
      12 
          
      13 
      // Set the default share intent  
     
      14 
      mShareActionProvider.setShareIntent(getDefaultShareIntent());  
     
      15 
      }  
     
      16 
      private Intent getDefaultShareIntent() {  
     
      17 
      // TODO Auto-generated method stub  
     
      18 
      Log.i(TAG, "getDefaultShareIntent");  
     
      19 
      Intent intent = new Intent(Intent.ACTION_SEND);  
     
      20 
      intent.setType("text/plain");  
     
      21 
      intent.putExtra(Intent.EXTRA_SUBJECT, "小清新短信閃");  
     
      22 
      intent.putExtra(Intent.EXTRA_TEXT, "小清新短信閃 1.0");  
     
      23 
      intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);  
     
      24 
      return intent;  
     
      25 
      }

效果如圖：

四、可拓展的Item

看到那個放大鏡了，就是一個可拓展試的Item，看xml 中的 menu_collapse。他有倆個屬性是android:actionLayout="@layout/collapsibleview" android:showAsAction="ifRoom|collapseActionView" android:actionLayout="@layout/collapsibleview" 是點item後拓展成的View android:showAsAction="collapseActionView"表明他是一個可拓展的Item

 
      01 
      Button btnn;  
     
      02 
      EditText editText;  
     
      03 
      private ShareActionProvider mShareActionProvider;  
     
      04 
          
      05 
      @Override 
     
      06 
      public boolean onCreateOptionsMenu(Menu menu) {  
     
      07 
      // Inflate the menu; this adds items to the action bar if it is present.  
     
      08 
      getMenuInflater().inflate(R.menu.activity_main, menu);  
     
      09 
      // 給可摺疊的view上的控件添加事件  
     
      10 
      LinearLayout viewGroup = (LinearLayout) menu.findItem(  
     
      11 
      R.id.menu_collapse).getActionView();  
     
      12 
      btnn = (Button) viewGroup.findViewById(R.id.colla_btn);  
     
      13 
      editText = (EditText) viewGroup.findViewById(R.id.colla_edit);  
     
      14 
      btnn.setOnClickListener(new OnClickListener() {  
     
      15 
      public void onClick(View v) {  
     
      16 
      // TODO Auto-generated method stub  
     
      17 
      Toast.makeText(getApplicationContext(),  
     
      18 
      editText.getText() + "~", 0).show();  
     
      19 
      }  
     
      20 
      });  
     
      21 
      }

可拓展的Item同時還支持一個拓展事件。只有在4.0之後的Api提供：

 
      01 
      MenuItem menuItem = menu.findItem(R.id.menu_collapse);  
     
      02 
      menuItem.setOnActionExpandListener(new OnActionExpandListener() {  
     
      03 
      @Override 
     
      04 
      public boolean onMenuItemActionExpand(MenuItem item) {  
     
      05 
      // TODO Auto-generated method stub  
     
      06 
      Toast.makeText(getApplicationContext(),  
     
      07 
      "onMenuItemActionExpand", 0).show();  
     
      08 
      return true;  
     
      09 
      }  
     
      10 
          
      11 
      @Override 
     
      12 
      public boolean onMenuItemActionCollapse(MenuItem item) {  
     
      13 
      // TODO Auto-generated method stub  
     
      14 
      Toast.makeText(getApplicationContext(),  
     
      15 
      "onMenuItemActionCollapse", 0).show();  
     
      16 
      return true;  
     
      17 
      }  
     
      18 
      });

五、自定義View

 
      01 
      mCustomView = getLayoutInflater().inflate(  
     
      02 
      R.layout.action_bar_display_options_custom, null);  
     
      03 
      mCustomView.setOnClickListener(new OnClickListener() {  
     
      04 
          
      05 
      @Override 
     
      06 
      public void onClick(View v) {  
     
      07 
      // TODO Auto-generated method stub  
     
      08 
      Toast.makeText(getApplicationContext(), "自定義view", 0).show();  
     
      09 
      }  
     
      10 
      });  
     
      11 
      actionBar.setCustomView(mCustomView, new ActionBar.LayoutParams(  
     
      12 
      LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));

9、ActionBar標籤

一、ActionBar能夠現實選項卡供用戶切換瀏覽該Activity中不一樣的Fragment 二、每一個標籤均可以是一個圖標或文本標題

 
      01 
      package com.xys.actionbar;  
     
      02 
        
      03 
      import android.app.ActionBar;  
     
      04 
      import android.app.ActionBar.Tab;  
     
      05 
      import android.app.Activity;  
     
      06 
      import android.app.Fragment;  
     
      07 
      import android.app.FragmentTransaction;  
     
      08 
      import android.os.Bundle;  
     
      09 
        
      10 
      public class MainActivity extends Activity  
     
      11 
      {  
     
      12 
          /** Called when the activity is first created. */ 
     
      13 
          @Override 
     
      14 
          public void onCreate(Bundle savedInstanceState)  
     
      15 
          {  
     
      16 
              super.onCreate(savedInstanceState);  
     
      17 
              setContentView(R.layout.activity_main);  
     
      18 
              ActionBar bar = getActionBar();  
     
      19 
              //設置爲Tab模式  
     
      20 
              bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);  
     
      21 
              //新建2個Tab  
     
      22 
              ActionBar.Tab tabA = bar.newTab().setText("A Tab");  
     
      23 
              ActionBar.Tab tabB = bar.newTab().setText("B Tab");  
     
      24 
              //綁定到Fragment  
     
      25 
              Fragment fragmentA = new AFragmentTab();  
     
      26 
              Fragment fragmentB = new BFragmentTab();  
     
      27 
              tabA.setTabListener(new MyTabsListener(fragmentA));  
     
      28 
              tabB.setTabListener(new MyTabsListener(fragmentB));  
     
      29 
              bar.addTab(tabA);  
     
      30 
              bar.addTab(tabB);  
     
      31 
          }  
     
      32 
             
      33 
          protected class MyTabsListener implements ActionBar.TabListener  
     
      34 
          {  
     
      35 
              private Fragment fragment;  
     
      36 
              public MyTabsListener(Fragment fragment)  
     
      37 
              {  
     
      38 
                  this.fragment = fragment;  
     
      39 
              }  
     
      40 
              @Override 
     
      41 
              public void onTabSelected(Tab tab, FragmentTransaction ft)  
     
      42 
              {  
     
      43 
                  ft.add(R.id.fragment_place, fragment, null);  
     
      44 
              }  
     
      45 
              @Override 
     
      46 
              public void onTabReselected(Tab arg0, FragmentTransaction arg1) {  
     
      47 
                  // TODO Auto-generated method stub  
     
      48 
                     
      49 
              }  
     
      50 
              @Override 
     
      51 
              public void onTabUnselected(Tab arg0, FragmentTransaction arg1) {  
     
      52 
                  // TODO Auto-generated method stub  
     
      53 
                     
      54 
              }  
     
      55 
          }  
     
      56 
             
      57 
      }

AB Tab頁面：

 
      01 
      package com.xys.actionbar;  
     
      02 
        
      03 
      import android.app.Fragment;  
     
      04 
      import android.os.Bundle;  
     
      05 
      import android.view.LayoutInflater;  
     
      06 
      import android.view.View;  
     
      07 
      import android.view.ViewGroup;  
     
      08 
        
      09 
      public class AFragmentTab extends Fragment  
     
      10 
      {  
     
      11 
          @Override 
     
      12 
          public View onCreateView(LayoutInflater inflater, ViewGroup container,  
     
      13 
                  Bundle savedInstanceState)  
     
      14 
          {  
     
      15 
              return inflater.inflate(R.layout.fragment_a, container, false);  
     
      16 
          }  
     
      17 
      }

佈局：

activity_main.xml：至關於容器

 
      01 
      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     
      02 
          android:layout_width="fill_parent" 
     
      03 
          android:layout_height="fill_parent" 
     
      04 
          android:orientation="vertical" >  
     
      05 
        
      06 
          <LinearLayout 
     
      07 
              android:id="@+id/fragment_place" 
     
      08 
              android:layout_width="match_parent" 
     
      09 
              android:layout_height="wrap_content" >  
     
      10 
          </LinearLayout>  
     
      11 
        
      12 
      </LinearLayout>

fragment_a.xml：每一個fragment的佈局：

 
      01 
      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     
      02 
          android:layout_width="fill_parent" 
     
      03 
          android:layout_height="fill_parent" 
     
      04 
          android:orientation="vertical" >  
     
      05 
        
      06 
          <LinearLayout 
     
      07 
              android:id="@+id/fragment_a" 
     
      08 
              android:layout_width="match_parent" 
     
      09 
              android:layout_height="wrap_content" >  
     
      10 
          </LinearLayout>  
     
      11 
        
      12 
      </LinearLayout>

顯示效果如圖：

九-一、下拉模式

前面講到了

`1`	`bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS)`

此次咱們使用下拉模式

 
      01 
      public class ActionBarTestActivity extends Activity {  
     
      02 
          /** Called when the activity is first created. */  
     
      03 
          Button button1,button2;  
     
      04 
            
      05 
          ActionBar actionBar;  
     
      06 
          public void onCreate(Bundle savedInstanceState) {  
     
      07 
              super.onCreate(savedInstanceState);  
     
      08 
              setContentView(R.layout.main);  
     
      09 
              actionBar=getActionBar();  
     
      10 
              // 生成一個SpinnerAdapter         
     
      11 
              SpinnerAdapter adapter = ArrayAdapter.createFromResource(this, R.array.student, android.R.layout.simple_spinner_dropdown_item);  
     
      12 
              // 將ActionBar的操做模型設置爲NAVIGATION_MODE_LIST         
     
      13 
              actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);  
     
      14 
           // 爲ActionBar設置下拉菜單和監聽器          
     
      15 
              actionBar.setListNavigationCallbacks(adapter, new DropDownListenser());  
     
      16 
                
      17 
      class DropDownListenser implements OnNavigationListener      
     
      18 
      {          
     
      19 
        // 獲得和SpinnerAdapter裏一致的字符數組         
     
      20 
        String[] listNames = getResources().getStringArray(R.array.student);          
     
      21 
        /* 當選擇下拉菜單項的時候，將Activity中的內容置換爲對應的Fragment */          
     
      22 
        public boolean onNavigationItemSelected(int itemPosition, long itemId)          
     
      23 
        {              
     
      24 
         // 生成自定的Fragment              
     
      25 
         Ftest student = new Ftest();              
     
      26 
         FragmentManager manager = getFragmentManager();              
     
      27 
         FragmentTransaction transaction = manager.beginTransaction();             
     
      28 
         // 將Activity中的內容替換成對應選擇的Fragment              
     
      29 
         transaction.replace(android.R.id.content, student, listNames[itemPosition]);             
     
      30 
         transaction.commit();              
     
      31 
         return true;          
     
      32 
              
      33 
        }

xml佈局：

 
      01 
      <?xml version="1.0" encoding="utf-8"?>  
     
      02 
      <resources>  
     
      03 
          <string name="hello">Hello World, ActionBarTestActivity!</string>  
     
      04 
          <string name="app_name">ActionBarTest</string>  
     
      05 
             
      06 
            <string name="ActionBar_name">ActionBar下拉菜單</string>      
     
      07 
             <string-array name="student">          
     
      08 
                 <item>item1</item>          
     
      09 
                 <item>item2</item>          
     
      10 
                 <item>item3</item>          
     
      11 
                 <item>item4</item>     
     
      12 
                 </string-array>  
     
      13 
      </resources>

fragment：

 
      01 
      public class Ftest extends Fragment  
     
      02 
      {     
     
      03 
      // Fragment對應的標籤，當Fragment依附於Activity時獲得      
     
      04 
        
      05 
      private String tag;      
     
      06 
      @Override    
     
      07 
      public void onAttach(Activity activity)      
     
      08 
      {          
     
      09 
        super.onAttach(activity);          
     
      10 
           tag = getTag();     
     
      11 
      }      
     
      12 
      @Override     
     
      13 
      public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)      
     
      14 
      {          
     
      15 
      //  View view = (View) inflater.inflate(R.layout.ftest, container, false);         
     
      16 
      //  TextView textView=(TextView) view.findViewById(R.id.topView);  
     
      17 
      //  textView.setText(tag);  
     
      18 
        TextView textView = new TextView(getActivity());         
     
      19 
        textView.setText(tag);  
     
      20 
        return textView;      
     
      21 
           
      22 
      }  
     
      23 
      }

效果圖以下：

10、ActionBar的美化

一、

 
      1 
      <style name="MyActionBar" parent="@android:style/Widget.Holo.ActionBar">  
     
      2 
      <item name="android:windowActionBarOverlay">true</item>  
     
      3 
      <item name="android:background">@color/ab_background_color</item>  
     
      4 
      <item name="android:backgroundStacked">@color/ab_backgroundStacked_color</item>  
     
      5 
      <item name="android:backgroundSplit">@color/ab_backgroundSplit_color</item>  
     
      6 
      </style>

item name="android:background:ActionBar自己的背景顏色。 item name="android:backgroundStacked"：ActionBar被分離時Tab 的背景顏色。 item name="android:backgroundSplit"：ActionBar Item 在分割到底部時的背景顏色。 item name="android:background：藍色 item name="android:backgroundStacked"：紫色 item name="android:backgroundSplit"：綠色

二、其餘選項的Style

Action items

android:actionButtonStyle

 
      1 
      <style name="Widget.Holo.ActionButton" parent="Widget.ActionButton">   
     
      2 
      <item name="android:minWidth">56dip</item>   
     
      3 
      <item name="android:gravity">center</item>   
     
      4 
      <item name="android:paddingLeft">12dip</item>   
     
      5 
      <item name="android:paddingRight">12dip</item>   
     
      6 
      <item name="android:scaleType">center</item>   
     
      7 
      </style>

從上面的定義看出，它定義了Button的最小寬度、居中樣式、左右padding以及圖片的放縮方式。再看看該樣式的父樣式

 
      1 
      <style name="Widget.ActionButton">   
     
      2 
      <item name="android:background">?android:attr/actionBarItemBackground</item>   
     
      3 
      <item name="android:paddingLeft">12dip</item>   
     
      4 
      <item name="android:paddingRight">12dip</item>   
     
      5 
      <item name="android:minWidth">56dip</item>   
     
      6 
      <item name="android:minHeight">?android:attr/actionBarSize</item>   
     
      7 
      </style>

android:actionBarItemBackground

定義顯示的item選項的背景 Api 14以上可使用android:itemBackground定義所有Item的背景選項這倆個選項其實和定義actionBarButtonStyle的背景已經有覆蓋因此用的時候定義一個就行

android:actionBarDivider

樣式屬性actionBarDivider定義了ActionBar操做項之間的分隔條。能夠看出，它直接引用了另外一個ActionBar相關屬性 dividerVertical，其定義以下：

`1`	`<item` `name="dividerVertical">@drawable/divider_vertical_dark</item>`

android:actionMenuTextColor android:actionMenuTextAppearance 這倆個屬性是定義menu item 文字大小和顏色

 
      1 
      <style name="myactionMenuTextAppearance" parent="@android:style/TextAppearance.Holo.Large">  
     
      2 
      <item name="android:textSize">20sp</item>  
     
      3 
      <item name="android:textStyle">bold</item>  
     
      4 
      <item name="android:textAllCaps">true</item>  
     
      5 
      </style>  
     
      6 
      <item name="android:actionMenuTextAppearance">@style/myactionMenuTextAppearance</item>  
     
      7 
      <item name="android:actionMenuTextColor">@color/ab_backgroundStacked_color</item>

android:actionBarWidgetTheme Navigation tabs android:actionBarTabStyle 樣式屬性 actionBarTabStyle 爲Tab頁的標籤訂義樣式

 
      1 
      <style name="Widget.Holo.ActionBar.TabView" parent="Widget.ActionBar.TabView">   
     
      2 
      <item name="android:background">@drawable/tab_indicator_holo</item>   
     
      3 
      <item name="android:paddingLeft">16dip</item>   
     
      4 
      <item name="android:paddingRight">16dip</item>   
     
      5 
      </style>

android:actionBarTabBarStyle 樣式屬性actionBarTabBarStyle 定義了Tab標籤之間分隔條。

 
      1 
      <style name="Widget.Holo.ActionBar.TabBar" parent="Widget.ActionBar.TabBar">   
     
      2 
      <item name="android:divider">?android:attr/actionBarDivider</item>   
     
      3 
      <item name="android:showDividers">middle</item>   
     
      4 
      <item name="android:dividerPadding">12dip</item>   
     
      5 
      </style>

android:actionBarTabTextStyle 樣式屬性 actionBarTabTextStyle 定義了Tab的文本樣式，以下：

 
      1 
      <style name="Widget.Holo.ActionBar.TabText" parent="Widget.ActionBar.TabText">   
     
      2 
      <item name="android:textAppearance">@style/TextAppearance.Holo.Medium</item>   
     
      3 
      <item name="android:textColor">?android:attr/textColorPrimary</item>   
     
      4 
      <item name="android:textSize">12sp</item>   
     
      5 
      <item name="android:textStyle">bold</item>   
     
      6 
      <item name="android:textAllCaps">true</item>   
     
      7 
      <item name="android:ellipsize">marquee</item>   
     
      8 
      <item name="android:maxLines">2</item>   
     
      9 
      </style>

android:actionDropDownStyle 樣式屬性 actionDropDownStyle 定義了下拉導航列表的樣式，以下：

 
      1 
      <style name="Widget.Holo.Spinner.DropDown.ActionBar">   
     
      2 
      <item name="android:background">@android:drawable/spinner_ab_holo_dark</item>   
     
      3 
      </style>

其父樣式

 
      01 
      <style name="Widget.Holo.Spinner" parent="Widget.Spinner.DropDown">   
     
      02 
      <item name="android:background">@android:drawable/spinner_background_holo_dark</item>   
     
      03 
      <item name="android:dropDownSelector">@android:drawable/list_selector_holo_dark</item>   
     
      04 
      <item name="android:popupBackground">@android:drawable/menu_dropdown_panel_holo_dark</item>   
     
      05 
      <item name="android:dropDownVerticalOffset">0dip</item>   
     
      06 
      <item name="android:dropDownHorizontalOffset">0dip</item>   
     
      07 
      <item name="android:dropDownWidth">wrap_content</item>   
     
      08 
      <item name="android:popupPromptView">@android:layout/simple_dropdown_hint</item>   
     
      09 
      <item name="android:gravity">left|center_vertical</item>   
     
      10 
      </style>

說下ActionBar 整體系統提供的樣式樣式屬性actionBarStyle定義了ActionBar的基本樣式。

 
      01 
      <style name="Widget.Holo.ActionBar" parent="Widget.ActionBar">   
     
      02 
      <item name="android:titleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Title</item>   
     
      03 
      <item name="android:subtitleTextStyle">@android:style/TextAppearance.Holo.Widget.ActionBar.Subtitle</item>   
     
      04 
      <item name="android:background">@android:drawable/ab_transparent_dark_holo</item>   
     
      05 
      <item name="android:backgroundStacked">@android:drawable/ab_stacked_transparent_dark_holo</item>   
     
      06 
      <item name="android:backgroundSplit">@android:drawable/ab_bottom_transparent_dark_holo</item>   
     
      07 
      <item name="android:divider">?android:attr/dividerVertical</item>   
     
      08 
      <item name="android:progressBarStyle">@android:style/Widget.Holo.ProgressBar.Horizontal</item>   
     
      09 
      <item name="android:indeterminateProgressStyle">@android:style/Widget.Holo.ProgressBar</item>   
     
      10 
      <item name="android:progressBarPadding">32dip</item>   
     
      11 
      <item name="android:itemPadding">8dip</item>   
     
      12 
      </style>

其父樣式

 
      01 
      <style name="Widget.ActionBar">   
     
      02 
      <item name="android:background">@android:drawable/action_bar_background</item>   
     
      03 
      <item name="android:displayOptions">useLogo|showHome|showTitle</item>   
     
      04 
      <item name="android:divider">@android:drawable/action_bar_divider</item>   
     
      05 
      <item name="android:height">?android:attr/actionBarSize</item>   
     
      06 
      <item name="android:paddingLeft">0dip</item>   
     
      07 
      <item name="android:paddingTop">0dip</item>   
     
      08 
      <item name="android:paddingRight">0dip</item>   
     
      09 
      <item name="android:paddingBottom">0dip</item>   
     
      10 
      <item name="android:titleTextStyle">@android:style/TextAppearance.Widget.ActionBar.Title</item>   
     
      11 
      <item name="android:subtitleTextStyle">@android:style/TextAppearance.Widget.ActionBar.Subtitle</item>   
     
      12 
      <item name="android:progressBarStyle">@android:style/Widget.ProgressBar.Horizontal</item>   
     
      13 
      <item name="android:indeterminateProgressStyle">@android:style/Widget.ProgressBar.Small</item>   
     
      14 
      <item name="android:homeLayout">@android:layout/action_bar_home</item>   
     
      15 
      </style>