Android Action Bar 詳解篇(推薦)
作為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) { } }
最后跑起來的效果如下:
至此ActionBar的一些常見使用場景,我們就熟悉了,后面繼續(xù)研究ActionBar的外觀樣式。以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android自定義ActionProvider ToolBar實現(xiàn)Menu小紅點
- Android ActionBar搜索功能用法詳解
- Android巧用ActionBar實現(xiàn)tab導(dǎo)航效果
- Android巧用ActionBar實現(xiàn)下拉式導(dǎo)航
- Android ActionBar制作時鐘實例解析
- Android ActionBar使用教程
- 靈活使用Android中ActionBar和ViewPager切換頁面
- Android中ActionBar以及menu的代碼設(shè)置樣式
- android中開啟actionbar的兩種方法
- Android自定義ActionBar實例
相關(guān)文章
Android讀取本地json文件的方法(解決顯示亂碼問題)
這篇文章主要介紹了Android讀取本地json文件的方法,結(jié)合實例形式對比分析了解決顯示亂碼問題的方法,需要的朋友可以參考下2016-06-06Android 動態(tài)添加Fragment的實例代碼
這篇文章主要介紹了Android 動態(tài)添加Fragment的實例代碼的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08Android 快速實現(xiàn)防止網(wǎng)絡(luò)重復(fù)請求&按鈕重復(fù)點擊的方法
下面小編就為大家分享一篇Android 快速實現(xiàn)防止網(wǎng)絡(luò)重復(fù)請求&按鈕重復(fù)點擊的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01Android studio實現(xiàn)簡易計算器App功能
這篇文章主要為大家詳細介紹了Android studio實現(xiàn)簡易計算器App功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-05-05Android實現(xiàn)視頻播放--騰訊瀏覽服務(wù)(TBS)功能
TBS視頻播放器可以支持市面上幾乎所有的視頻格式,包括mp4, flv, avi, 3gp, webm, ts, ogv, m3u8, asf, wmv, rm, rmvb, mov, mkv等18種視頻格式。這篇文章主要介紹了Android實現(xiàn)視頻播放--騰訊瀏覽服務(wù)(TBS),需要的朋友可以參考下2018-07-07