Android 活動條ActionBar的詳解及實例代碼

更新時間：2016年12月26日 10:20:57 投稿：lqh

這篇文章主要介紹了Android 活動條ActionBar的詳解及實例代碼的相關資料,需要的朋友可以參考下

Android 活動條ActionBar的詳解

圖一
ActionBar
圖二

圖三
TabHost,Navigation,ActionBar
圖四
Swipe
圖五
DropDown

ActionBar其提供的功能總結

圖一使用ActionBar顯示選項菜單項

menu_mainxml代碼

啟用程序圖標導航

如何添加Action View

圖二Activity代碼區(qū)
menu_mainxml代碼
clockxml

圖三使用ActionBar實現(xiàn)Tab導航

創(chuàng)建ActionBar實現(xiàn)Tab導航步驟
MainActivity代碼
DummyFragmentjava代碼

圖四Android 30之前的Fragment支持

Mainxml代碼
MainActivity代碼

圖五使用ActionBar實現(xiàn)下拉式導航

創(chuàng)建ActionBar實現(xiàn)下拉導航步驟
MainActivity代碼區(qū)

ActionBar是Android 3.0的重要更新之一。所以現(xiàn)在只要目標版本高于11，默認就會啟動ActionBar。

ActionBar其提供的功能總結：

顯示選項菜單的菜單項
使用程序圖標作為返回Home主屏或向上導航操作
提供交互式View作為Action View
提供基于Tab的導航方式，可用于切換多個Fragment
提供基于下拉導航方式

隱藏ActionBar，使用過的朋友應該都知道，在AndroidManifest.xml中直接定義NoActionBar即可關閉ActionBar，不過這種方法關閉ActionBar的話后續(xù)就無法再使用ActionBar。所以一般我們用第二種代碼隱藏的方式來進行對ActionBar的操作：

1.getActionBar();
2.show():顯示ActionBar
3.hide():隱藏ActionBar

圖一使用ActionBar顯示選項菜單項

menu_main.xml代碼：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:title="@string/font_size"
    android:showAsAction="always|withText"
    android:icon="@drawable/font">
    <menu>
      <!-- 定義一組單選菜單項 -->
      <group android:checkableBehavior="single">
        <!-- 定義多個菜單項 -->
        <item
          android:id="@+id/font_10"
          android:title="@string/font_10"/>
        <item
          android:id="@+id/font_12"
          android:title="@string/font_12"/>
        <item
          android:id="@+id/font_14"
          android:title="@string/font_14"/>
        <item
          android:id="@+id/font_16"
          android:title="@string/font_16"/>
        <item
          android:id="@+id/font_18"
          android:title="@string/font_18"/>
      </group>
    </menu>
  </item>
  <!-- 定義一個普通菜單項 -->
  <item android:id="@+id/plain_item"
     android:showAsAction="always|withText"
     android:title="@string/plain_item">
  </item>
  <item android:title="@string/font_color"
     android:showAsAction="always"
     android:icon="@drawable/color">
    <menu>
      <!-- 定義一組允許復選的菜單項 -->
      <group>
        <!-- 定義三個菜單項 -->
        <item
          android:id="@+id/red_font"
          android:title="@string/red_title"/>
        <item
          android:id="@+id/green_font"
          android:title="@string/green_title"/>
        <item
          android:id="@+id/blue_font"
          android:title="@string/blue_title"/>
      </group>
    </menu>
  </item>
</menu>

啟用程序圖標導航

// 設置是否顯示應用程序圖標    
actionBar.setDisplayShowHomeEnabled(true); 
// 將應用程序圖標設置為可點擊的按鈕             
actionBar.setHomeButtonEnabled(true);    
// 將應用程序圖標設置為可點擊的按鈕，并在圖標上添加向左箭頭       
actionBar.setDisplayHomeAsUpEnabled(true); 
//通過傳入的int類型常量來控制該ActionBar的顯示選項，只顯示箭頭和customView顯示出來
actionBar.setDisplayOptions(ActionBar.DISPLAY_HOME_AS_UP | ActionBar.DISPLAY_SHOW_CUSTOM);

如何添加Action View

ActionBar上除了可以顯示普通的Action Item之外，還可以顯示普通的UI組件，有如下兩種方式：

1.定義Action Item時使用android：actionViewClass屬性指定Aciton View的實現(xiàn)類
2.定義Action Item時使用android:actionLayout屬性指定Action View對應的視圖

圖二Activity代碼區(qū)：

public class MainActivity extends Activity {
  @Override
  public void onCreate(Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
  }

  @Override
  public boolean onCreateOptionsMenu(Menu menu)
  {
    getMenuInflater().inflate(R.menu.menu_main, menu);
    return true;
  }
}

menu_main.xml代碼：

<?xml version="1.0" encoding="utf-8" ?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
  <item
    android:id="@+id/search"
    android:orderInCategory="100"
    android:showAsAction="always"
    android:actionViewClass="android.widget.SearchView"/>
  <item
    android:id="@+id/progress"
    android:orderInCategory="100"
    android:showAsAction="always"
    android:actionLayout="@layout/clock"
    />
</menu>

clock.xml

<?xml version="1.0" encoding="utf-8" ?>
<AnalogClock
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
/>

圖三使用ActionBar實現(xiàn)Tab導航

創(chuàng)建ActionBar實現(xiàn)Tab導航步驟：

1.調(diào)用ActionBar的setNavigationMode(ActionBar.NAVIGATION_MODE_TABS)方法使用Tab導航方式

2.調(diào)用ActionBar的add()方法添加多個Tab標簽，并為每個Tab標簽添加事件監(jiān)聽器

MainActivity代碼：

public class MainActivity extends Activity implements
  ActionBar.TabListener
{
  private static final String SELECTED_ITEM = "selected_item";
  @Override
  public void onCreate(Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    final ActionBar actionBar = getActionBar();
    // 設置ActionBar的導航方式：Tab導航
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
    // 依次添加三個Tab頁，并為三個Tab標簽添加事件監(jiān)聽器
    actionBar.addTab(actionBar.newTab().setText("第一頁")
      .setTabListener(this));
    actionBar.addTab(actionBar.newTab().setText("第二頁")
      .setTabListener(this));
    actionBar.addTab(actionBar.newTab().setText("第三頁")
      .setTabListener(this));
  }
  @Override
  public void onRestoreInstanceState(Bundle savedInstanceState)
  {
    if (savedInstanceState.containsKey(SELECTED_ITEM))
    {
      // 選中前面保存的索引對應的Fragment頁
      getActionBar().setSelectedNavigationItem(
          savedInstanceState.getInt(SELECTED_ITEM));
    }
  }
  @Override
  public void onSaveInstanceState(Bundle outState)
  {
    // 將當前選中的Fragment頁的索引保存到Bundle中
    outState.putInt(SELECTED_ITEM,
        getActionBar().getSelectedNavigationIndex());
  }
  @Override
  public void onTabUnselected(ActionBar.Tab tab,
    FragmentTransaction fragmentTransaction)
  {
  }
  // 當指定Tab被選中時激發(fā)該方法
  @Override
  public void onTabSelected(ActionBar.Tab tab,
    FragmentTransaction fragmentTransaction)
  {
    // 創(chuàng)建一個新的Fragment對象
    Fragment fragment = new DummyFragment();
    // 創(chuàng)建一個Bundle對象，用于向Fragment傳入?yún)?shù)
    Bundle args = new Bundle();
    args.putInt(DummyFragment.ARG_SECTION_NUMBER,
        tab.getPosition() + 1);
    // 向fragment傳入?yún)?shù)
    fragment.setArguments(args);
    // 獲取FragmentTransaction對象
    FragmentTransaction ft = getFragmentManager()
        .beginTransaction();
    // 使用fragment代替該Activity中的container組件
    ft.replace(R.id.container, fragment);
    // 提交事務
    ft.commit();
  }
  @Override
  public void onTabReselected(ActionBar.Tab tab,
    FragmentTransaction fragmentTransaction)
  {
  }
}

DummyFragment.java代碼：

簡單的Fragment，只顯示一個TextView組件

public class DummyFragment extends Fragment
{
  public static final String ARG_SECTION_NUMBER = "section_number";
  // 該方法的返回值就是該Fragment顯示的View組件
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container,
     Bundle savedInstanceState)
  {
    TextView textView = new TextView(getActivity());
    textView.setGravity(Gravity.CENTER_HORIZONTAL);
    // 獲取創(chuàng)建該Fragment時傳入的參數(shù)Bundle
    Bundle args = getArguments();
    // 設置TextView顯示的文本
    textView.setText(args.getInt(ARG_SECTION_NUMBER) + "");
    textView.setTextSize(30);
    // 返回該TextView
    return textView;
  }
}

圖四Android 3.0之前的Fragment支持

Android3.0之前的Fragment不是繼承自app.Fragment，而是繼承自v4.app.Fragment。除此之外，v4.app.Fragment還提供如下配套類：

1.FragmentActivity
2.ViewPager
3.FragmentPagerAdapter
4.PagerTitleStrip

Main.xml代碼：

<?xml version="1.0" encoding="utf-8" ?>
<android.support.v4.view.ViewPager
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/pager"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <!-- 定義導航狀態(tài)條組件 -->
  <android.support.v4.view.PagerTitleStrip
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="top"
    android:background="#33b5e5"
    android:textColor="#fff"
    android:paddingTop="4dp"
    android:paddingBottom="4dp" />
</android.support.v4.view.ViewPager>

MainActivity代碼：

public class MainActivity extends FragmentActivity
  implements ActionBar.TabListener
{
  ViewPager viewPager;
  ActionBar actionBar;
  @Override
  public void onCreate(Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    // 獲取ActionBar對象
    actionBar = getActionBar();
    // 獲取ViewPager
    viewPager = (ViewPager) findViewById(R.id.pager);
    // 創(chuàng)建一個FragmentPagerAdapter對象，該對象負責為ViewPager提供多個Fragment
    FragmentPagerAdapter pagerAdapter = new FragmentPagerAdapter(
      getSupportFragmentManager())
    {
      // 獲取第position位置的Fragment
      @Override
      public Fragment getItem(int position)
      {
        Fragment fragment = new DummyFragment();
        Bundle args = new Bundle();
        args.putInt(DummyFragment.ARG_SECTION_NUMBER, position + 1);
        fragment.setArguments(args);
        return fragment;
      }
      // 該方法的返回值i表明該Adapter總共包括多少個Fragment
      @Override
      public int getCount()
      {
        return 3;
      }
      // 該方法的返回值決定每個Fragment的標題
      @Override
      public CharSequence getPageTitle(int position)
      {
        switch (position)
        {
          case 0:
            return "第一頁";
          case 1:
            return "第二頁";
          case 2:
            return "第三頁";
        }
        return null;
      }
    };
    // 設置ActionBar使用Tab導航方式
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
    // 遍歷pagerAdapter對象所包含的全部Fragment
    // 每個Fragment對應創(chuàng)建一個Tab標簽
    for (int i = 0; i < pagerAdapter.getCount(); i++)
    {
      actionBar.addTab(actionBar.newTab()
        .setText(pagerAdapter.getPageTitle(i))
        .setTabListener(this));
    }
    // 為ViewPager組件設置FragmentPagerAdapter
    viewPager.setAdapter(pagerAdapter); // ①
    // 為ViewPager組件綁定事件監(jiān)聽器
    viewPager.setOnPageChangeListener(
      new ViewPager.SimpleOnPageChangeListener()
      {
        // 當ViewPager顯示的Fragment發(fā)生改變時激發(fā)該方法
        @Override
        public void onPageSelected(int position)
        {
          actionBar.setSelectedNavigationItem(position);
        }
      });
  }
  @Override
  public void onTabUnselected(ActionBar.Tab tab,
    FragmentTransaction fragmentTransaction)
  {
  }
  // 當指定Tab被選中時激發(fā)該方法
  @Override
  public void onTabSelected(ActionBar.Tab tab,
     FragmentTransaction fragmentTransaction)
  {
    viewPager.setCurrentItem(tab.getPosition()); // ②
  }
  @Override
  public void onTabReselected(ActionBar.Tab tab,
    FragmentTransaction fragmentTransaction)
  {
  }
}

圖五使用ActionBar實現(xiàn)下拉式導航

創(chuàng)建ActionBar實現(xiàn)下拉導航步驟

1:調(diào)用ActionBar的actionBar.setNavigationMode (ActionBar.NAVIGATION_MODE_LIST)方法設置下拉列表導航方式

2:調(diào)用ActionBar的setListNavigationCallbacks(SpinnerAdapter adapter,ActionBar.OnNavigationListener callback)方法添加多個列表項，并為每個列表項設置監(jiān)聽事件。

MainActivity代碼區(qū)：

public class MainActivity extends Activity implements
    ActionBar.OnNavigationListener
{
  private static final String SELECTED_ITEM = "selected_item";
  @Override
  public void onCreate(Bundle savedInstanceState)
  {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    final ActionBar actionBar = getActionBar();
    // 設置ActionBar是否顯示標題
    actionBar.setDisplayShowTitleEnabled(true);
    // 設置導航模式，使用List導航
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
    // 為actionBar安裝ArrayAdapter
    actionBar.setListNavigationCallbacks(
      new ArrayAdapter<String>(this,
        android.R.layout.simple_list_item_1,
        android.R.id.text1, new String[]
        {"第一頁","第二頁","第三頁" }), this);
  }
  @Override
  public void onRestoreInstanceState(Bundle savedInstanceState)
  {
    if (savedInstanceState.containsKey(SELECTED_ITEM))
    {
      // 選中前面保存的索引對應的Fragment頁
      getActionBar().setSelectedNavigationItem(
          savedInstanceState.getInt(SELECTED_ITEM));
    }
  }
  @Override
  public void onSaveInstanceState(Bundle outState)
  {
    // 將當前選中的Fragment頁的索引保存到Bundle中
    outState.putInt(SELECTED_ITEM,
        getActionBar().getSelectedNavigationIndex());
  }
  // 當導航項被選中時激發(fā)該方法
  @Override
  public boolean onNavigationItemSelected(int position, long id)
  {
    // 創(chuàng)建一個新的Fragment對象
    Fragment fragment = new DummyFragment();
    // 創(chuàng)建一個Bundle對象，用于向Fragment傳入?yún)?shù)
    Bundle args = new Bundle();
    args.putInt(DummyFragment.ARG_SECTION_NUMBER, position + 1);
    // 向fragment傳入?yún)?shù)
    fragment.setArguments(args);
    // 獲取FragmentTransaction對象
    FragmentTransaction ft = getFragmentManager().beginTransaction();
    // 使用fragment代替該Activity中的container組件
    ft.replace(R.id.container, fragment);
    // 提交事務
    ft.commit();
    return true;
  }
}

Android中ActionBar的使用基本到這里，今后有項目中遇到問題還會及時更新。有問題歡迎留言。

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

Android開發(fā)實例之登錄界面的實現(xiàn)
本文主要介紹Android 登錄界面實現(xiàn)，這里主要講解類似Twitter的登錄界面的實現(xiàn)，有興趣的小伙伴可以參考下
2016-08-08
flutter實現(xiàn)仿boss直聘功能
這篇文章主要介紹了flutter實現(xiàn)仿boss直聘功能，非常不錯，具有參考借鑒價值,需要的朋友可以參考下
2018-03-03
Android彈窗ListPopupWindow的簡單應用詳解
這篇文章主要為大家詳細介紹了Android彈窗ListPopupWindow的簡單應用，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-11-11
Android之自定義實現(xiàn)BaseAdapter（通用適配器一）
這篇文章主要為大家詳細介紹了Android之自定義實現(xiàn)BaseAdapter通用適配器第一篇，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
Flutter 狀態(tài)管理scoped model源碼解讀
這篇文章主要為大家介紹了Flutter 狀態(tài)管理scoped model源碼解讀，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-11-11
Kotlin by lazy關鍵字深入探究實現(xiàn)原理
這篇文章主要介紹了by lazy，在kotlin中使用是很常見的，用于實現(xiàn)懶加載某個數(shù)據(jù)。而這兩個單詞不是一體的，其中by是kotlin中的關鍵字，用于實現(xiàn)委托；lazy是一個方法，他的返回值是委托的具體對象
2022-11-11
Android如何幫助用戶自動接聽或者掛斷來電
這篇文章主要為大家詳細介紹了Android幫助用戶自動接聽或者掛斷來電，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-05-05
OpenGL ES正交投影實現(xiàn)方法（三）
這篇文章主要為大家詳細介紹了OpenGL ES正交投影的實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-05-05
Presenting?Streams?in?Flutter小技巧
這篇文章主要為大家介紹了Presenting?Streams?in?Flutter小技巧示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-12-12
詳解Android中Handler的使用方法
這篇文章主要介紹了Android中Handler的使用方法，對Android中Handler的作用于如何使用進行了初步介紹,需要的朋友可以參考下
2015-12-12