Android中actionBar的使用

Action Bar主要功能包含:
1. 显示选项菜单
2. 提供标签页的切换方式的导航功能，可以切换多个fragment.
3. 提供下拉的导航条目.
4. 提供交互式活动视图代替选项条目
5. 使用程序的图标作为返回Home主屏或向上的导航操作。
首先我们一起来看下Action Bar代替传统Title的效果，下面一个平板应用的标题栏，是不是图标很大啊。

你的程序中应用ActionBar需要注意几点，SDK和最终运行的固件必须是Android 3.0即honeycomb，在androidmanifest.xml文件中的uses-sdk元素中加入android:minSdkVersion 或android:targetSdkVersion，类似

<manifestxmlns:android="http://schemas.android.com/apk/res/android"
      package="com.android123.cwj"
      android:versionCode="1"
      android:versionName="1.0">
   <uses-sdkandroid:minSdkVersion="honeycomb" />
    <application ... >
        ...
    </application>
</manifest>

如果需要隐藏Action Bar可以在你的Activity的属性中设置主题风格为NoTitleBar在你的manifest文件中，Android123提示大家，下面的代码在3.0以前是隐藏标题，而在3.0以后就是隐藏ActionBar了，代码为

<activity android:theme="@android:style/Theme.NoTitleBar">

 

一、添加活动条目 Action Items
对于活动条目大家可以在下图看到Android 3.0的标题右部分可以变成工具栏，下面的Save和Delete就是两个Action Items活动条目，如图

下面是一个menu的layout布局文件代码

<?xmlversion="1.0" encoding="utf-8"?>
<menuxmlns:android="http://schemas.android.com/apk/res/android">
    <itemandroid:id="@+id/menu_add"
          android:icon="@drawable/ic_menu_save"
          android:title="@string/menu_save"
          android:showAsAction="ifRoom|withText" />
</menu>

 

而其他代码类似Activity中的Menu，比如

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case android.R.id.home:
            // 当Action Bar的图标被单击时执行下面的Intent
            Intent intent = new Intent(this, Android123.class);
            startActivity(intent);
            break;
    }
    return super.onOptionsItemSelected(item);
}

 

对于ActionBar的创建，可以在你的Activity中重写onStart方法

@Override
protected void onStart() {
  super.onStart();
  ActionBar actionBar = this.getActionBar();
  actionBar.setDisplayOptions(ActionBar.DISPLAY_HOME_AS_UP, ActionBar.DISPLAY_HOME_AS_UP);
}

调用getActionBar方式在你的Activity的onCreate中时需要注意必须在调用了setContentView之后。

二、添加活动视图 Action View
对于Action View你可以自己定义视图，比如搜索视图，android.widget.SearchView控件，最终效果如下图:

对于ActionView，我们可以在menu的布局文件使用中来自定义searchview布局，如代码

<item android:id="@+id/menu_search"
    android:title="Search"
    android:icon="@drawable/ic_menu_search"
    android:showAsAction="ifRoom"
    android:actionLayout="@layout/searchview" />

 

也可以直接指定Android系统中的SearchView控件，那么这时menu”_search的代码要这样写

<itemandroid:id="@+id/menu_search"
    android:title="Search"
    android:icon="@drawable/ic_menu_search"
    android:showAsAction="ifRoom"
    android:actionViewClass="android.widget.SearchView" />

 

大家注意上面的两种方法中一个属性是actionLayout制定一个layout xml布局文件，一个是actionViewClass指定一个类，最终调用可以在Activity中响应onCreateOptionsMenu方法映射这个menu布局即可。

@Override
public boolean onCreateOptionsMenu(Menu menu) {
  getMenuInflater().inflate(R.menu.options, menu);
  SearchView searchView = (SearchView) menu.findItem(R.id.menu_search).getActionView();
  return super.onCreateOptionsMenu(menu);
}

  

三、添加标签 Tabs

　　在ActionBar中实现标签页可以实现android.app.ActionBar.TabListener ，重写onTabSelected、onTabUnselected和onTabReselected方法来关联Fragment。代码如下

Java代码：

private class MyTabListener implements ActionBar.TabListener {
private TabContentFragment mFragment;
public TabListener(TabContentFragment fragment) {
mFragment = fragment;
}
@Override
public void onTabSelected(Tab tab, FragmentTransaction ft) {
ft.add(R.id.fragment_content, mFragment, null);
}
@Override
public void onTabUnselected(Tab tab, FragmentTransaction ft) {
ft.remove(mFragment);
}
@Override
public void onTabReselected(Tab tab, FragmentTransaction ft) {
}

}

       接下来我们创建ActionBar在Activity中，代码如下

Java代码：

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
final ActionBar actionBar = getActionBar(); //提示getActionBar方法一定在setContentView后面
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
actionBar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE);
Fragment artistsFragment = new ArtistsFragment();
actionBar.addTab(actionBar.newTab().setText(R.string.tab_artists).setTabListener(new TabListener(artistsFragment)));
Fragment albumsFragment = new AlbumsFragment();
actionBar.addTab(actionBar.newTab().setText(R.string.tab_albums).setTabListener(new TabListener(albumsFragment)));
}

       四、添加下拉导航 Drop-down Navigation

　　创建一个SpinnerAdapter提供下拉选项，和Tab方式不同的是Drop-down只需要修改下setNavigationMode的模式，将ActionBar.NAVIGATION_MODE_TABS改为ActionBar.NAVIGATION_MODE_LIST，最终改进后的代码为

Java代码：

ActionBar actionBar = getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
actionBar.setListNavigationCallbacks(mSpinnerAdapter, mNavigationCallback);

       上面我们通过setListNavigationCallbacks方法绑定一个SpinnerAdapter控件，具体的OnNavigationListener代码示例为

Java代码：

mOnNavigationListener = new OnNavigationListener() {
String[] strings = getResources().getStringArray(R.array.action_list);
@Override
public boolean onNavigationItemSelected(int position, long itemId) {
ListContentFragment newFragment = new ListContentFragment();
FragmentTransaction ft = openFragmentTransaction();
ft.replace(R.id.fragment_container, newFragment, strings[position]);
ft.commit();
return true;
}

};

        而其中的ListContentFragment的代码为

Java代码：

public class ListContentFragment extends Fragment {
private String mText;

@Override
public void onAttach(Activity activity) {
super.onAttach(activity);
mText = getTag();
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
TextView text = new TextView(getActivity());
text.setText(mText);
return text;
}
}

示例代码：

package com.lashou.actionbardemo;

import com.actionbarsherlock.app.ActionBar;
import com.actionbarsherlock.app.SherlockActivity;
import com.actionbarsherlock.view.Menu;
import com.actionbarsherlock.view.MenuItem;

import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Toast;

public class MainActivity extends SherlockActivity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		//设置背景颜色
		getSupportActionBar().setBackgroundDrawable(getResources().getDrawable(R.color.top_bar_bg));
		getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_USE_LOGO, com.actionbarsherlock.app.ActionBar.DISPLAY_SHOW_HOME);
//		getSupportActionBar().setDisplayUseLogoEnabled(true);
		getSupportActionBar().setHomeButtonEnabled(true);
//		getSupportActionBar().setDisplayHomeAsUpEnabled(true);
		
		getSupportActionBar().setCustomView(getLayoutInflater().inflate(R.layout.action_bar_display_options_custom, null));
		getSupportActionBar().setDisplayOptions(com.actionbarsherlock.app.ActionBar.DISPLAY_SHOW_CUSTOM, com.actionbarsherlock.app.ActionBar.DISPLAY_SHOW_CUSTOM);
		getSupportActionBar().getCustomView().setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				Toast.makeText(getApplicationContext(), "customeView", 0).show();
			}
		});
	}
	
	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		switch(item.getItemId()) {
			case R.id.menu_search:
				Toast.makeText(getApplicationContext(), "search", 0).show();
				break;
			case android.R.id.home:
				Toast.makeText(getApplicationContext(), "home", 0).show();
		}
		return super.onOptionsItemSelected(item);
	}
	
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getSupportMenuInflater().inflate(R.menu.menu_main_search,menu);
		return super.onCreateOptionsMenu(menu);
	}

}