Android Action Bar 詳解篇(推薦)
作為Android 3.0之后引入的新的對(duì)象，ActionBar可以說(shuō)是一個(gè)方便快捷的導(dǎo)航神器。它可以作為活動(dòng)的標(biāo)題，突出活動(dòng)的一些關(guān)鍵操作（如“搜索”、“創(chuàng)建”、“共享”等）、作為菜單的靈活使用，還可以實(shí)現(xiàn)類(lèi)似TabWidget的標(biāo)簽功能以及下拉導(dǎo)航的功能，系統(tǒng)能夠很好根據(jù)不同的屏幕配置來(lái)適應(yīng)ActionBar的外觀，配合起Fragemtn可謂是十分強(qiáng)大。
那么，對(duì)于今天的主角ActionBar怎么去添加？在Android3.0默認(rèn)主題HloleFraphic（全息）主題中，已經(jīng)創(chuàng)造了ActionBar，所以只要targetSdkVersion的值不低于11，創(chuàng)建的Activity中默認(rèn)都會(huì)帶有ActionBar。例如：
<manifest ... >
<uses-sdk android:minSdkVersion="4"
android:targetSdkVersion="11" />
...
</manifest>
當(dāng)然了，如果你不想為一個(gè)特定的Activity設(shè)置Action Bar，設(shè)置Activity主題為T(mén)heme.Holo.NoActionBar。
<activity android:theme="@android:style/Theme.Holo.NoActionBar">
或者在運(yùn)行時(shí)通過(guò)調(diào)用hide()隱藏Action Bar。自然也有show()。
ActionBar actionBar = getActionBar(); actionBar.hide();
下面我們從下拉導(dǎo)航、視窗操作、標(biāo)簽導(dǎo)航三個(gè)方面逐一討論ActionBar
第一，下拉導(dǎo)航
下拉導(dǎo)航最典型的應(yīng)用場(chǎng)景就是在Google+中的使用，效果如下圖：
圖1；Google+
圖2：本文示例
實(shí)現(xiàn)此效果分如下幾個(gè)步驟：
1.初始化一個(gè)SpinnerAdapter
SpinnerAdapter mSpinnerAdapter = ArrayAdapter.createFromResource(this,
R.array.action_list,
android.R.layout.simple_spinner_dropdown_item);
2.生成一個(gè)OnNavigationListener來(lái)響應(yīng)ActionBar的菜單項(xiàng)點(diǎn)擊操作
/**
* 在這里配合Fragment，實(shí)現(xiàn)不同的頁(yè)面導(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)聽(tīng)器塞給ActionBar
actionBar = getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);//導(dǎo)航模式必須設(shè)為NAVIGATION_MODE_LIST
actionBar.setListNavigationCallbacks(mSpinnerAdapter,
mOnNavigationListener);
第二，操作視窗
先上效果圖
在上面的操作視窗里，增加了一個(gè)用于搜索的可選菜單項(xiàng)以及分享和設(shè)置的兩個(gè)自定義ActionProVider。那么如何在一個(gè)活動(dòng)中，在已有的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>
仔細(xì)觀察可以發(fā)現(xiàn)每個(gè)Item里都包含如下這兩個(gè)屬性：
android:actionProviderClass="com.example.tabdemo...."
android:showAsAction=""
對(duì)于actionProviderClass屬性用來(lái)指定一個(gè)構(gòu)建視窗所使用的布局資源，除了使用actionProviderClass指定外，還可以使用actionLayout或者actionViewClass都可以。SearchView和ShareActionProvider都是系統(tǒng)自帶的ActionProvider，MyActionProvider是我們要重寫(xiě)的，后面將會(huì)看到如何去自定義一個(gè)ActionProvider。
showAsAction屬性共有五個(gè)值：ifRoom、never、always、withText、collapseActionView，可以混合使用。
| ifRoom | 會(huì)顯示在Item中，但是如果已經(jīng)有4個(gè)或者4個(gè)以上的Item時(shí)會(huì)隱藏在溢出列表中。當(dāng)然個(gè) 數(shù)并不僅僅局限于4個(gè)，依據(jù)屏幕的寬窄而定 |
| never | 永遠(yuǎn)不會(huì)顯示。只會(huì)在溢出列表中顯示，而且只顯示標(biāo)題，所以在定義item的時(shí)候，最好 把標(biāo)題都帶上。 |
| always | 無(wú)論是否溢出，總會(huì)顯示。 |
| withText | withText值示意Action bar要顯示文本標(biāo)題。Action bar會(huì)盡可能的顯示這個(gè) 標(biāo)題，但是，如果圖標(biāo)有效并且受到Action bar空間的限制，文本標(biāo)題有可 能顯示不全。 |
| collapseActionView | 聲明了這個(gè)操作視窗應(yīng)該被折疊到一個(gè)按鈕中，當(dāng)用戶(hù)選擇這個(gè)按鈕時(shí)，這個(gè)操作視窗展開(kāi)。否則， 這個(gè)操作視窗在默認(rèn)的情況下是可見(jiàn)的，并且即便在用于不適用的時(shí)候，也要占據(jù)操作欄的有效空間。 一般要配合ifRoom一起使用才會(huì)有效果。 |
注： 當(dāng)你的應(yīng)用程序正在Android4.0（API 級(jí)別 14）或以上的版本上運(yùn)行，那么還有一種叫做“分隔操作欄”的額外模式對(duì)action bar有效。當(dāng)你啟用分隔操作欄模式時(shí)，在屏幕的底部會(huì)顯示一個(gè)獨(dú)立的橫條，用于顯示Activity在窄屏設(shè)備（如豎屏手機(jī)）上運(yùn)行時(shí)的所有操作項(xiàng)。這里我們不過(guò)過(guò)多描述，有興趣自己去研究。
就像加載menu一樣，在activity的onCreateOptionsMenu方法里調(diào)用上述的xml文件：
getMenuInflater().inflate(R.menu.options, menu);
//搜索視窗，因?yàn)閟howAsAction="ifRoom"，所以圖三中出現(xiàn)了搜索按鈕
SearchView searchView = (SearchView) menu.findItem(R.id.menu_search)
.getActionView();
//分享視窗，因?yàn)閟howAsAction="never"，所以只能在溢出菜單中才看見(jiàn)到
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);
顯然，當(dāng)成功運(yùn)行的時(shí)候，結(jié)果如圖三，當(dāng)點(diǎn)擊搜索按鈕時(shí)，搜索按鈕立刻變成了如圖四的樣子，變成可折疊的操作視窗。
如何自定義操作視窗，定義一個(gè)類(lèi)MyActionProvider繼承自ActionProvider，并實(shí)現(xiàn)它的兩口回調(diào)函數(shù)即可。如下：
/**
* @ClassName: MyActionProvider
* @Description: 自定義一個(gè)視窗操作器，實(shí)現(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, "是我，沒(méi)錯(cuò)", Toast.LENGTH_SHORT).show();
}
});
return view;
}
}
如此一來(lái)，只要在options.xml里直接引用。運(yùn)行成功效果如圖五，點(diǎn)擊溢出菜單，設(shè)置按鈕出來(lái)了，如果繼續(xù)點(diǎn)下去，回調(diào)出它的子菜單，因?yàn)槲覀冊(cè)趏ptions.xml里給自定義的ActionProvider分配了子菜單。
當(dāng)然了，最顯眼的就是處理Action Bar上的應(yīng)用程序圖標(biāo)，平時(shí)玩手機(jī)多的同學(xué)應(yīng)該可以發(fā)現(xiàn)，好多應(yīng)用的圖標(biāo)都是可以點(diǎn)擊的，而且大多數(shù)都是回到了上一個(gè)Activity，或者說(shuō)是主Activity。那么，如何觸發(fā)應(yīng)用程序圖標(biāo)呢，說(shuō)白了應(yīng)用程序圖標(biāo)也是一個(gè)菜單，并且其id是規(guī)定死的，所以只要我們?cè)趏nOptionsItemSelected方法里去捕捉它的點(diǎn)擊事件，做出響應(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標(biāo)識(shí)，該標(biāo)識(shí)的作用是在回到HomeActivity時(shí)，把在堆棧中處于HomeActivity上面的活動(dòng)全部清除。如果這是候運(yùn)行程序的話(huà)，如果系統(tǒng)版本小于4.0的話(huà)，是可以正常跑起來(lái)的，達(dá)到想要的效果，但如果系統(tǒng)大于或者等于4.0的話(huà)，那么點(diǎn)擊應(yīng)用圖標(biāo)是無(wú)效的。必須加上setHomeButtonEnabled=true，4.0一下 默認(rèn)為true。如果還想要一個(gè)回退箭頭的話(huà)，再加上一句setDisplayHomeAsUpEnabled(true);效果如下：
這里我在擴(kuò)展一下：使用過(guò)Navigation Drawer的同學(xué)應(yīng)該了解，這里點(diǎn)擊應(yīng)用程序圖標(biāo)通常會(huì)作為拉出導(dǎo)航抽屜。通常在那種情況下是把活動(dòng)的onOptionsItemSelected，傳送給ActionBarDrawerToggle的onOptionsItemSelected。不多說(shuō)了，感興趣的同學(xué)自己去研究，后面會(huì)把Navigation Bar寫(xiě)出來(lái)。
第三，導(dǎo)航選項(xiàng)標(biāo)簽
當(dāng)你想要在一個(gè)Activity中提供導(dǎo)航選擇標(biāo)簽時(shí)，使用操作欄的選項(xiàng)標(biāo)簽是一個(gè)非常好的選擇（而不是使用TabWidget類(lèi)），因?yàn)橄到y(tǒng)會(huì)調(diào)整操作欄選項(xiàng)標(biāo)簽來(lái)適應(yīng)不同尺寸的屏幕的需要，在屏幕足夠?qū)挼臅r(shí)候，導(dǎo)航選項(xiàng)標(biāo)簽會(huì)被放到主操作欄中；當(dāng)屏幕太窄的時(shí)候，選項(xiàng)標(biāo)簽會(huì)被放到一個(gè)分離的橫條中。如圖下：
要使用選項(xiàng)標(biāo)簽在Fragmengt之間切換，選擇一個(gè)選項(xiàng)標(biāo)簽時(shí)執(zhí)行一個(gè)Fragment事務(wù)，布局里包含一個(gè)用于放置跟每個(gè)Fragment對(duì)象關(guān)聯(lián)的選項(xiàng)標(biāo)簽的ViewGroup對(duì)象。該對(duì)象有一個(gè)資源ID，以便能夠在選項(xiàng)標(biāo)簽的切換代碼中能夠引用它。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使用，
* 實(shí)現(xiàn)TabListener接口，當(dāng)切Tab的時(shí)候達(dá)到切換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) {
}
}
最后跑起來(lái)的效果如下：
至此ActionBar的一些常見(jiàn)使用場(chǎng)景，我們就熟悉了，后面繼續(xù)研究ActionBar的外觀樣式。以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
- Android自定義ActionProvider ToolBar實(shí)現(xiàn)Menu小紅點(diǎn)
- Android ActionBar搜索功能用法詳解
- Android巧用ActionBar實(shí)現(xiàn)tab導(dǎo)航效果
- Android巧用ActionBar實(shí)現(xiàn)下拉式導(dǎo)航
- Android ActionBar制作時(shí)鐘實(shí)例解析
- Android ActionBar使用教程
- 靈活使用Android中ActionBar和ViewPager切換頁(yè)面
- Android中ActionBar以及menu的代碼設(shè)置樣式
- android中開(kāi)啟actionbar的兩種方法
- Android自定義ActionBar實(shí)例
相關(guān)文章
Android讀取本地json文件的方法(解決顯示亂碼問(wèn)題)
這篇文章主要介紹了Android讀取本地json文件的方法,結(jié)合實(shí)例形式對(duì)比分析了解決顯示亂碼問(wèn)題的方法,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了android不讀入內(nèi)存獲取圖像寬高信息的方法,涉及Android獲取圖像信息的相關(guān)技巧,需要的朋友可以參考下2015-04-04
Android 動(dòng)態(tài)添加Fragment的實(shí)例代碼
這篇文章主要介紹了Android 動(dòng)態(tài)添加Fragment的實(shí)例代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
Android String資源文件插入值實(shí)例詳解
這篇文章主要介紹了Android String資源文件插入值實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06
Android 快速實(shí)現(xiàn)防止網(wǎng)絡(luò)重復(fù)請(qǐng)求&按鈕重復(fù)點(diǎn)擊的方法
下面小編就為大家分享一篇Android 快速實(shí)現(xiàn)防止網(wǎng)絡(luò)重復(fù)請(qǐng)求&按鈕重復(fù)點(diǎn)擊的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
下面小編就為大家分享一篇Android雙擊事件攔截方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
Android 瀏覽器的開(kāi)發(fā)實(shí)例分享
本文主要介紹Android 瀏覽器的開(kāi)發(fā)，這里提供詳細(xì)的資料及示例代碼，有興趣的小伙伴可以參考下2016-08-08
Android studio實(shí)現(xiàn)簡(jiǎn)易計(jì)算器App功能
這篇文章主要為大家詳細(xì)介紹了Android studio實(shí)現(xiàn)簡(jiǎn)易計(jì)算器App功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
Android實(shí)現(xiàn)視頻播放--騰訊瀏覽服務(wù)（TBS）功能
TBS視頻播放器可以支持市面上幾乎所有的視頻格式，包括mp4, flv, avi, 3gp, webm, ts, ogv, m3u8, asf, wmv, rm, rmvb, mov, mkv等18種視頻格式。這篇文章主要介紹了Android實(shí)現(xiàn)視頻播放--騰訊瀏覽服務(wù)（TBS）,需要的朋友可以參考下2018-07-07
Android微信右滑退出功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了Android微信右滑退出功能的實(shí)現(xiàn)代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-01-01