扩展用户体验-ActionBar

ActionBar以前已经介绍了一些，是在Android 3.0(API 11)引入的，你可以认为是一个导航条，代替了原来Activtiy的标题栏。

ActionBar提供一个一致的框架，品牌化，导航，还有供操作的action。

使用条件：targeSDK（或minSDK）版本>=11， activity theme需要设置为Theme.Holo 或者它的子Style 。默认是Theme.Holo 。

若要使用ActionBar的API，则minSDK必须>=11。   注意：ActionBar的API可不包含在Support Library。可惜哦。

ActionBar的隐藏和显示方法： 

1	ActionBar actionBar = getActionBar();

2	// Hide the Action Bar

3	actionBar.hide();

4	// Show the Action Bar

5	actionBar.show();

你还可以设置activity的Theme为：Theme.Holo.NoActionBar。

1

<activity

2	android:name=”.MyNonActionBarActivity”

3	android:theme=”@android:style/Theme.Holo.NoActionBar”>

你还可以自定义主题，然后移除ActionBar，通过设置android:windowActionBar为false。

1	<?xml version=”1.0” encoding=”utf-8”?>

2	<resources>

3	<style name=”NoActionBar” parent=”@style/ActivityTheme”>

4	<item name=”android:windowActionBar”>false</item>

5

</style>

6	</resources>

前面无论哪种方式，一旦你移除了ActionBar，那么你不能在程序中获取了：getActionBar会返回Null。

自定义ActionBar

1.修改图标

默认的，ActionBar使用Activity的android:icon属性，还有一致的android:label属性。

你还有种方式，就是使用android:logo属性。不像方方正正的icon，logo的图像不会有任何宽度限制。

logo图像典型的给你的APP提供品牌。比较好的方式：当你有Logo的时候，你可以隐藏label。

如何在程序中隐藏标签label呢？

答：ActionBar actionBar = getActionBar(); 
actionBar.setDisplayShowTitleEnabled(false);

当你的Activity既指定了android:icon还指定了android:logo，那该如何呢？

答：经测试，logo会覆盖在icon之上。程序中你可以 actionBar.setDisplayUseLogoEnabled(displayLogo)。

如果你2个都看着不爽怎么办？

答：程序中：actionBar.setDisplayShowHomeEnabled(false);  这样icon和logo都没了。

注意：APP的icon/logo典型的被用来作为一个快捷的导航方式到main activity，通常你至少得保留一个。

如何修改logo旁的标题呢？

答：使用setTitle和setSubTitle。一个主标题，一个子标题。

actionBar.setSubtitle(“Inbox”); 
actionBar.setTitle(“Label:important”);

 

自定义背景

默认的ActionBar的背景颜色取决于activity指定的Theme。Holo Theme它的背景是黑色的。

你可以指定任意的Drawabel对象作为背景，使用setBackgroundDrawable方法：

1	ActionBar actionBar = getActionBar();

2	Resources r = getResources();

3	Drawable myDrawable = r.getDrawable(R.drawable.gradient_header);

4	actionBar.setBackgroundDrawable(myDrawable);

ActionBar会自动缩放你的背景图，所以通常好的方式，你的背景图最好是.9图。

覆盖模式

默认情况下，actionBar放在你的activity的顶部，且作为activity布局的一部分。设置成为覆盖模式后，actionBar相当于漂浮在activity之上，不干预activity的布局。

如何设置呢？

答：

1

@Override

2	public void onCreate(Bundle savedInstanceState) {

3	super.onCreate(savedInstanceState);

4

5	getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

6

7	setContentView(R.layout.main);

8

}

Splite ActionBar模式

这个模式就是，你顶部放不下的action，我帮忙放在底部。

如何设置成Spite模式呢？

答： 

1

<activity

2	android:label=”My Activity”

3	android:name=”.ActionBarActivity”

4	android:logo=”@drawable/ic_launcher”

5	android:uiOptions=”splitActionBarWhenNarrow”>

自定义ActionBar去控制APP导航行为

Android提供了一系列方法，总的来说分为2类：

1.App icons 使用icon或者logo导航，典型的导航到APP的主界面。你也可以配置Icon去代表移动到上一级的意思。

2.Tabs和下拉列表 ActionBar支持内嵌的Tabs和下拉列表。

Icon导航可以用来导航Activity栈，然而Tabs和下拉列表被用来作为Activity内Fragments的转换。

配置ActionBar的Icon导航行为

在大多数情况，APP的icon应该被作为快捷方式，导航到主Activtiy，典型的说也就是Activtiy栈的根。为了使你的APP icon可以被点击，你必须调用ActionBar的setHomeButtonEnabled方法。

点击icon会被系统作为一个特殊的Menu Item的点击。所以你就可以在onOptionsItemSelected方法中去监听，它的id为android.R.id.home。

例子：

01

@Override

02	public boolean onOptionsItemSelected(MenuItem item) {

03	switch (item.getItemId()) {

04	case (android.R.id.home) :

05	Intent intent = new Intent(this, ActionBarActivity.class);

06	intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);

07	startActivity(intent);

08	return true;

09

default:

10	return super.onOptionsItemSelected(item);

11

}

12

}

支持向上导航

传统的，Android APP在activity之间跳转完之后，可以使用返回按钮回退。

为了也支持这种模式，你可以配置app icon去提供“向上”导航。 
actionBar.setDisplayUseLogoEnabled(false); 
actionBar.setDisplayHomeAsUpEnabled(true); 
当向上导航的时候，通常使用icon而不是logo，所以这里setDisplayUseLogoEnabled(false)。

不得不说的一点：向上导航在样子上就多了个箭头，跟setHomeButtonEnabled本质上相同，都会被作为特殊的MenuItem，id都是android.R.id.home，也同样都需要在onOptionsItemSelected去监听，然后跳转。

具体怎么用，仁者见仁，智者见智。

使用导航Tabs

ActionBar提供导航TAB和下拉列表。值得注意的是，一次只能激活其中的一种导航。这些导航选择项被设计用来与Fragments更亲近。通过替换可见的Fragments从而达到修改Activity内容的目的。

导航TAB是TabWidget的替代品。

如何配置TABS呢？ 答：调用setNavigationMode方法，指定ActionBar.NAVIGATION_MODE_TABS。

actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); 
actionBar.setDisplayShowTitleEnabled(false);

通常使用TAB也会去隐藏标题。

使用Tab例子：

01	Tab tabOne = actionBar.newTab();

02

03	tabOne.setText(“First Tab”)

04	.setIcon(R.drawable.ic_launcher)

05	.setContentDescription(“Tab the First”)

06	.setTabListener(

07	new TabListener<MyFragment>

08	(this, R.id.fragmentContainer, MyFragment.class));

09

10	actionBar.addTab(tabOne);

此外，你还可以使用setCustomView方法，自定义Tab布局，代替标准的文字+图片模式。

注意：setContentDescription方法是在Android 4.0（API 14）引入的，用来提供更细节的描述。

Tab的转换是由TabListener来操控的，当tab被选择、未选择、重新选择时，允许你创建Fragment事务作为回应。

下面看例子：

01	public static class TabListener<T extends Fragment>

02	implements ActionBar.TabListener {

03

04	private MyFragment fragment;

05	private Activity activity;

06	private Class<T> fragmentClass;

07

08	private int fragmentContainer;

09

10	public TabListener(Activity activity, int fragmentContainer,

11	Class<T> fragmentClass) {

12

13	this.activity = activity;

14	this.fragmentContainer = fragmentContainer;

15	this.fragmentClass = fragmentClass;

16

}

17

18	// Called when a new tab has been selected

19	public void onTabSelected(Tab tab, FragmentTransaction ft) {

20	if (fragment == null) {

21	String fragmentName = fragmentClass.getName();

22	fragment =

23	(MyFragment)Fragment.instantiate(activity, fragmentName);

24	ft.add(fragmentContainer, fragment, null);

25	fragment.setFragmentText(tab.getText());

26

} else {

27	ft.attach(fragment);

28

}

29

}

30

31	// Called on the currently selected tab when a different tag is

32	// selected.

33	public void onTabUnselected(Tab tab, FragmentTransaction ft) {

34	if (fragment != null) {

35	ft.detach(fragment);

36

}

37

}

38

39	// Called when the selected tab is selected.

40	public void onTabReselected(Tab tab, FragmentTransaction ft) {

41	// TODO React to a selected tab being selected again.

42

}

43

}

使用下拉列表导航

如何去配置呢？答：actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST)。

这里的下拉列表就像一个Spinner。数据源+Adapter+…..很简单！ 

01	// Select the drop-down navigation mode.

02	actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);

03

04	// Create a new Spinner Adapter that contains the values to

05	// be displayed in the drop down.

06	ArrayAdapter dropDownAdapter =

07	ArrayAdapter.createFromResource(this,

08	R.array.my_dropdown_values,

09	android.R.layout.simple_list_item_1);

10

11	// Assign the callbacks to handle drop-down selections.

12	actionBar.setListNavigationCallbacks(dropDownAdapter,

13	new OnNavigationListener() {

14	public boolean onNavigationItemSelected(int itemPosition,

15	long itemId) {

16	// TODO Modify your UI based on the position

17	// of the drop down item selected.

18	return true;

19

}

20

});

使用自定义的自定义的导航View

Android允许你创建自己的导航View：

actionBar.setDisplayShowCustomEnabled(true); 
actionBar.setCustomView(R.layout.my_custom_navigation);

文章转自：http://my.oschina.net/wangjunhe/blog/113525