Android ActionBar使用教程
ActionBar的引入方式:
有幾種,從 Android 3.0(API lever 11) 開始,所有使用 Theme.Holo 主題(或者它的子類)的 Activity 都包含了 action bar,當 targetSdkVersion 或 minSdkVersion 屬性被設置成 “11” 或更大時,它是默認主題。為了兼容Android3.0之前的低版本,actionbar通常通過extends集成Support包下的AppCompatActivity實現(xiàn),同時需要使用Theme.AppCompat的ActionBar主題(想要去掉ActionBar使用Theme.AppCompat.NoActionBar主題或者Theme.Holo.NoActionBar主題即可)。
注:如果你想使用setSupportActionBar()方法的方式添加ActionBar,那么同時你想使用ActionBar的主題,那么就必須設置去除主題中的Actionbar,<item name="windowActionBar">false</item>,二者只能保留其一。否則會報錯:
java.lang.IllegalStateException: This Activity already has an action bar supplied by the window decor. Do not request Window.FEATURE_SUPPORT_ACTION_BAR and set windowActionBar to false in your theme to use a Toolbar instead.
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
注:就算設置<item name="windowActionBar">false</item>,只要使用的是ActionBar的主題,ActionBar依然存在,原因暫時不知
V4包和V7包
V4包是為Android 1.6(API Level 4)及以上的版本設計的,它包含大部分高版本中有而低版本中沒有的API,包括application components、user interface features、accessibility、data handling、network connectivity、and programming utilities,提供對Fragment、ViewPager等Android3.0之后的高版本特性的兼容:
Fragment:通過它可以讓同一個程序適配不同的屏幕。
NotificationCompat:支持更豐富的通知形式;
LocalBroadcastManager: 用來在同一個應用內(nèi)的不同組件間發(fā)送Broadcast。
V7包是Android 2.1(API Level 7)及以上的版本谷歌提供了一系列的support包
這個庫添加 Action Bar 用戶界面設計模式的支持。這個庫包括支持material design的用戶界面實現(xiàn)。
注意:這個庫依賴于v4 Support Library。
這里有一些包含在v7 appcompat庫中的關鍵類:
ActionBar:提供ActionBar用戶界面模式的實現(xiàn)
AppCompatActivity :增加一個Activity類,可以用作支持ActionBar實現(xiàn)的Activity的基類。
AppCompatDialog :添加一個對話框類,可以作為一個appcompat主題對話框基類。
ShareActionProvider :增加一個標準化的共享動作(如電子郵件或發(fā)送到社交網(wǎng)站),包含在ActionBar中。
為了在3.0之前的版本中使用Fragment我們要繼承Support v4包下的FragmentActivity,如果想在3.0之前的版本使用ActionBar就需要繼承Support V7包下的ActionBarActivity,使用Theme.Holo系列主題,ActionBarActivity是繼承自FragmentActivity的。Android5.0之后V7包更新,使用ActionBar可以繼承V7包中的AppCompatActivity,同時提供了一系列新的ActionBar的主題(Theme.AppCompat )
1.添加左側返回按鈕:
在清單文件 中為Activity添加上級Activity:android:parentActivityName=".activity.ImageShowActivity"
同時調(diào)用ActionBar的setDisplayHomeAsUpEnabled(true)方法設置左上角返回圖標,默認是左箭頭
getSupportActionBar().setDisplayHomeAsUpEnabled(true); // 如果你的minSdkVersion屬性是11或更高, 應該這么用: // getActionBar().setDisplayHomeAsUpEnabled(true);
注:如果你的編譯版本compileSdkVersion 23高于Android5.0(API level 21),只用在Manifest文件中聲明父級Activity即可。比21更低版本未測試。同時如果主動設置了getActionBar().setDisplayHomeAsUpEnabled(false);則一定會取消返回按鈕
注:回退Activity的一個技巧:Itent對象中包括FLAG_ACTIVITY_CLEAR_TOP標識。用這個標記,如果你要啟動的Activity在當前任務中已經(jīng)存在,那么,堆棧中這個Activity之上的所有的Activity都有被銷毀,并且把這個Activity顯示給用戶。
注:這種返回不會保留之前Activity中的數(shù)據(jù),也不能使用onSaveInstance() 方法保存
這時候需要進行特殊處理,在復寫的onOptionsItemSelected方法中,判斷當前Activity和目標父級Activity實例是否在同一個任務棧,在同一個任務棧就清空目標父級Activity實例之上的實例,并在同一個任務棧啟動目標父級實例。否則新建一個任務棧啟動。這么處理的初衷是這里的向上導航是與回退簡單finish掉實例相區(qū)別的,這里希望跨越式的回到主Activity。
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case android.R.id.home:
ToastUtils.show(this, "home");
Intent upIntent = NavUtils.getParentActivityIntent(this);
//判斷當前Activity在向上導航到目標Intent upIntent是否需要重建新的任務棧,
if (NavUtils.shouldUpRecreateTask(this, upIntent)) {
//重建新的任務棧
TaskStackBuilder.create(this)
.addNextIntentWithParentStack(upIntent)
.startActivities();
} else {
//使用當前任務棧
upIntent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);//清空任務棧中目標Activity實例之上的所有實例
NavUtils.navigateUpTo(this, upIntent);//直接在同一個任務棧跳轉(zhuǎn)
}
return true;//消費掉事件
}
return super.onOptionsItemSelected(item);
}
自定義Home:
同時取消顯示左上角返回按鈕
/*設置左上角Logo Icon*/
actionBar.setLogo(R.drawable.go_back_64px);//(單獨設置沒作用)
actionBar.setDisplayShowHomeEnabled(true);//是否顯示Logo,必須為他setLogo()才起作用
actionBar.setDisplayUseLogoEnabled(true);//是否使用Activity的Logo,即setLogo()方法設置的Logo
actionBar.setDisplayHomeAsUpEnabled(false);//是否顯示左上角默認的返回按鈕
actionBar.setHomeButtonEnabled(false);//按鈕是否可以點擊(實測無用,false下依然可以點擊--已經(jīng)設置了該Activity的父級Activity)
設置標題的顏色:
根據(jù)測試直接在Activity的主題中或者ActionBar的主題中進行設置是不生效的。可以通過為Activity或者Actionbar主題設置titleTextStyle屬性,添加文字的主題風格,該風格需要繼承自@android:style/TextAppearance:
<!--設置標題的顏色,注意使用兼容包下的屬性-->
<item name="android:titleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
<item name="titleTextStyle">@style/MyTheme.ActionBar.TitleTextStyle</item>
<style name="MyTheme.ActionBar.TitleTextStyle" parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Title">
<item name="android:textColor">@color/blue</item>
<item name="android:textSize">16sp</item>
</style>
注意若是使用了Support中的ActionBar就需要使用屬性titleTextStyle而不是android:titleTextStyle,否則設置的顏色也不會生效。
設置Actionbar浮動:
做法是:在不要顯示ActionBar的時候使用hide()方法隱藏
重寫Activity的onTouchEvent()方法:
@Override
public boolean onTouchEvent(MotionEvent event) {
Log.d("debug", "onTouchEvent");
if (actionBar == null) {
actionBar = getSupportActionBar();
}
switch (event.getAction()) {
case MotionEvent.ACTION_UP:
// if (actionBar != null) {
if (actionBar.isShowing()) {
//隱藏
actionBar.hide();
} else {
//顯示
actionBar.show();
}
// }
break;
}
return super.onTouchEvent(event);
}
設置Actionbar隱藏時不重繪Activity的布局:
在 action bar 隱藏和顯示過程中調(diào)整布局的大小,很影響視覺體驗。
需要APi level 19 及之上:設置內(nèi)容填充系統(tǒng)狀態(tài)欄,不存在重新布局的問題了
或者為Activity主題添加屬性:
<item name="android:windowTranslucentStatus">true</item>
官方文檔給出的方法是:設置疊加模式,不限版本
<item name="android:windowActionBarOverlay">true</item>
<!-- 兼容支持庫 -->
<item name="windowActionBarOverlay">true</item>
設置系統(tǒng)狀態(tài)欄
在android4.4之前,在App的上方總是保留著黑乎乎的系統(tǒng)狀態(tài)欄,在4.4之后引入了透明狀態(tài)欄效果(Translucent System Bar),使App可以使用全部屏幕 ,同時使系統(tǒng)狀態(tài)欄和導航欄半透明
在Activity的主題中
<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">true</item>
//除此之外還可以設置系統(tǒng)狀態(tài)欄的顏色:適用于頁面是單純顏色:
<item name="android:windowTranslucentStatus">false</item>
<item name="android:windowTranslucentNavigation">true</item>
<item name="android:statusBarColor">@android:color/transparent</item>
此處參考:Translucent System Bar 的最佳實踐 - 安卓 - 伯樂在線
設置Menu菜單不遮擋AcionBar:
使用Support V7包下的ActionBar,默認Menu菜單會頂?shù)狡聊坏捻敳?,遮擋到Actionbar,想要的效果是Menu位于ActionBar的下面。
在Activity的主題中添加屬性:actionOverflowMenuStyle
<!--設置menu菜單不遮擋actionbar-->
<item name="actionOverflowMenuStyle">@style/OverflowMenu</item>
//創(chuàng)建這個主題,繼承自主題Widget.AppCompat.PopupMenu
<style name="OverflowMenu" parent="Widget.AppCompat.PopupMenu.Overflow">
<!--兼容Api 21之前的版本 -->
<item name="overlapAnchor">true</item>
<!-- Api 21-->
<!--<item name="android:overlapAnchor">false</item>-->
</style>
消除左側按鈕的遺留空白:
設置不顯示左上角返回按鈕之后,它左邊的空白仍然在顯示。
設置Menu菜單:
1、取消menu菜單:
在復寫的onCreateOptionsMenu方法返回false即可,或者不復寫該方法。
設置Menu菜單按鈕的顏色:
注意設置Activity的主題而不是Actionbar的主題:
<!--設置menu的文字顏色-->
<!--<item name="actionMenuTextColor">@color/yellow</item>-->
<!--<item name="android:actionMenuTextColor">@color/yellow</item>-->
<!--上面兩個設置是無效的-->
<item name="android:itemTextAppearance">@style/myCustomMenuTextApearance</item>
<style name="myCustomMenuTextApearance" parent="@android:style/TextAppearance.Widget.IconMenu.Item">
<!--文字顏色-->
<item name="android:textColor">@color/blue</item>
<!--文字大小-->
<item name="android:textSize">16sp</item>
</style>
2、設置Menu菜單的背景色:
也是在Activity的主題中進行設置
<!--s設置Menu菜單的背景色-->
<item name="android:itemBackground">@color/black_light</item>
3、自定義Menu菜單項:
除了使用系統(tǒng)給定的action,還可以自定義,這是需要使用action view and action provider,個人理解是可以提供視覺效果和交互功能的menu item。
同樣是在Menu中定義item,需要使用actionViewClass和actionLayout中的一個,其中actionViewClass 指定使用的控件類名,如搜索控件SearchView,actionLayout指定自己定義的布局文件作為action的視圖。
actionViewClass: The class of a widget that implements the action.
actionLayout: A layout resource describing the action's components.
1).使用actionViewClass添加一個系統(tǒng)搜索item:
添加item:
<item android:id="@+id/action_search" android:title="@string/action_search" android:icon="@drawable/ic_search" app:showAsAction="ifRoom|collapseActionView" app:actionViewClass="android.support.v7.widget.SearchView" />
處理搜索事件:通過menu的findItem()方法拿到控件的引用,綁定文本查詢的監(jiān)聽器
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
//找到ActionBar上所添加的UI組件的方法:
mSearchView = (SearchView) menu.findItem(R.id.searchItem).getActionView();
mSearchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
@Override
public boolean onQueryTextSubmit(String string) {
Toast.makeText(ShowImageActivity.this, "查詢:" + string, Toast.LENGTH_SHORT).show();
return false;
}
@Override
public boolean onQueryTextChange(String string) {
return true;
}
});
}
上面為item設置了app:showAsAction="ifRoom|collapseActionView"屬性,其中collapseActionView含義是沒有交互動作時(未點擊時)搜索item收起只顯示icon,有交互時,item展開充滿actionbar剩余空間。搭配ifRoom表示有空間時展示到App bar上,沒空間時作為menu item.never表示一直作為menu item。always表示一直展示在App bar上。
2).使用actionLayout添加一個自定義的搜索控件
添加item
<item
android:id="@+id/custom_search"
android:icon="@drawable/ic_action_search"
android:title="custom_search"
app:actionLayout="@layout/search_layout"
app:showAsAction="collapseActionView|always|withText" />
布局文件:search_layout.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal"
android:padding="5dp">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="5dp"
android:src="@drawable/ic_action_search" />
<EditText
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_weight="1" />
</LinearLayout>
同時如果設置了app:showAsAction="collapseActionView"這個屬性,還可以監(jiān)聽shouqi/展開事件:在onCreateOptionsMenu(Menu menu)方法中
MenuItem collapseActionView = menu.findItem(R.id.searchItem);
// Define the listener
MenuItemCompat.OnActionExpandListener expandListener = new MenuItemCompat.OnActionExpandListener() {
@Override
public boolean onMenuItemActionCollapse(MenuItem item) {
// Do something when action item collapses
ToastUtils.show(ShowImageActivity.this, "action item collapses");
return true; // Return true to collapse action view
}
@Override
public boolean onMenuItemActionExpand(MenuItem item) {
// Do something when expanded
ToastUtils.show(ShowImageActivity.this, "action item expanded");
return true; // Return true to expand action view
}
};
MenuItemCompat.setOnActionExpandListener(collapseActionView, expandListener);
以上就是Android ActionBar使用教程,希望對大家學習Android軟件編程有所幫助。
相關文章
Android 個人理財工具一:項目概述與啟動界面的實現(xiàn)
本文主要介紹Android 開發(fā)個人理財工具項目概述與啟動界面的實現(xiàn),這里主要對實現(xiàn)項目的流程做了詳細概述,并對啟動界面簡單實現(xiàn),有需要的小伙伴可以參考下2016-08-08
Android利用Sensor(傳感器)實現(xiàn)水平儀功能
這篇文章主要為大家詳細介紹了Android利用Sensor傳感器實現(xiàn)水平儀功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02
Android Imageloader的配置的實現(xiàn)代碼
這篇文章主要介紹了Android Imageloader的配置的實現(xiàn)代碼的相關資料,需要的朋友可以參考下2017-07-07

