ActionBar

最新推荐文章于 2021-05-27 03:38:08 发布

小酷

最新推荐文章于 2021-05-27 03:38:08 发布

阅读量801

点赞数

分类专栏： Android 文章标签： ActionBar

Android 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

Action Bar是在3.0以后的版本中加入

在配置文件配置如下：（可在application或activity节点上填）

android:theme="@android:style/Theme.Holo"

（

PS：移除的话可以采用Theme.Holo.NoActionBar或者采用

ActionBar actionBar = getActionBar();
actionBar.hide();

）

接下来就如如何显示了：

首先，先建一个menu文件，如下：menu.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    tools:context="com.example.actionbartest.MainActivity" >
    <item  
        android:id="@+id/action_compose"  
        android:icon="@drawable/test"  
        android:showAsAction="always"  
        android:title="@string/action_compose"/>  
    <item  
        android:id="@+id/action_delete"  
        android:icon="@drawable/ic_launcher"  
        android:showAsAction="always"  
        android:title="@string/action_delete"/>  
    <item  
        android:id="@+id/action_settings"  
        android:icon="@drawable/ic_launcher"  
        android:showAsAction="never"  
        android:title="@string/action_settings"/> 
</menu>

接着在activity中的onCreateOptionsMenu方法中inflate一下，让其显示

@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		MenuInflater inflater = getMenuInflater();  
	    inflater.inflate(R.menu.menu, menu);
		return super.onCreateOptionsMenu(menu);
	}

运行之后就可以在上面看到三个按钮了

但是看不到overflow按钮（三个点，如微信菜单那3个点），可以在activity的onCreate方法中强制显示（默认3.0+是隐藏的）（模拟器上：如果手机没有物理Menu键的话，overflow按钮就可以显示，如果有物理Menu键的话，overflow按钮就不会显示出来）

//强制显示overflow菜单（即三个点）
		try {
            ViewConfiguration config = ViewConfiguration.get(this);
            Field menuKeyField = ViewConfiguration.class.getDeclaredField("sHasPermanentMenuKey");
            if(menuKeyField != null) {
                menuKeyField.setAccessible(true);
                menuKeyField.setBoolean(config, false);
            }
        } catch (Exception e) {
            e.printStackTrace();
        }

然后接下来，要根据ActionBar是否有足够空间显示所有menu菜单，来决定menu的android:showAsAction是否添加ifRoom，ActionBar中空间足够显示的话，那么对应的menu菜单，只有不设置为ifRoom，然后才可以被放到overflow中。在menu.xml中的item节点可设置：(尝试一下就知道)

android:showAsAction="ifRoom|withText|never"

title中的内容通常情况下只会在overflow中显示出来，ActionBar中由于屏幕空间有限，默认是不会显示title内容的。但是出于以下几种因素考虑，即使title中的内容无法显示出来，我们也应该给每个item中都指定一个title属性：

当ActionBar中的剩余空间不足的时候，如果Action按钮指定的showAsAction属性是ifRoom的话，该Action按钮就会出现在overflow当中，此时就只有title能够显示了。
如果Action按钮在ActionBar中显示，用户可能通过长按该Action按钮的方式来查看到title的内容。

Action点击的响应事件应该在onOptionsItemSelected方法里面写。如：

@Override
public boolean onOptionsItemSelected(MenuItem item) {
	switch (item.getItemId()) {
	case R.id.action_compose:
		Toast.makeText(this, "Compose", Toast.LENGTH_SHORT).show();
		return true;
	case R.id.action_delete:
		Toast.makeText(this, "Delete", Toast.LENGTH_SHORT).show();
		return true;
	case R.id.action_settings:
		Toast.makeText(this, "Settings", Toast.LENGTH_SHORT).show();
		return true;
	default:
		return super.onOptionsItemSelected(item);
	}
}

从第一个页面跳到第二个页面，现在可借助ActionBar返回，在第二个页面的onCreate设置返回键：（这样就会在左上角出现后退的按钮）

ActionBar actionBar = getActionBar();
		actionBar.setDisplayHomeAsUpEnabled(true);

接着在onOptionsItemSelected方法中设置返回，对应的itemId为android.R.id.home，直接添加finish()方法。

@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		switch (item.getItemId()) {
		case android.R.id.home:
			Toast.makeText(getApplicationContext(), "back...", Toast.LENGTH_LONG).show();
			finish();
			return true;
		default:
			break;
		}
		return super.onOptionsItemSelected(item);
	}

当然这里使用ActionBar实现和平时的物理按键back一样返回还是有不一样的地方的。如：查看邮件——下一封——下一封，返回按钮是跳到上一封，而ActionBar是实现跳到查看邮件界面。

第一步我们已经实现了，就是调用setDisplayHomeAsUpEnabled()方法，并传入true。

第二步需要在AndroidManifest.xml中配置父Activity，如下所示：

<activity
    android:name="com.example.actionbartest.MainActivity"
    android:logo="@drawable/weather" >
    <meta-data
        android:name="android.support.PARENT_ACTIVITY"
        android:value="com.example.actionbartest.LaunchActivity" />
</activity>

可以看到，这里通过meta-data标签指定了MainActivity的父Activity是LaunchActivity，在Android 4.1版本之后，也可以直接使用android:parentActivityName这个属性来进行指定，如下所示：

<activity
    android:name="com.example.actionbartest.MainActivity"
    android:logo="@drawable/weather"
    android:parentActivityName="com.example.actionbartest.LaunchActivity" >
</activity>

第三步则需要对android.R.id.home这个事件进行一些特殊处理，如下所示：

@Override
public boolean onOptionsItemSelected(MenuItem item) {
	switch (item.getItemId()) {
	case android.R.id.home:
		Intent upIntent = NavUtils.getParentActivityIntent(this);
		if (NavUtils.shouldUpRecreateTask(this, upIntent)) {
			TaskStackBuilder.create(this)
					.addNextIntentWithParentStack(upIntent)
					.startActivities();
		} else {
			upIntent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
			NavUtils.navigateUpTo(this, upIntent);
		}
		return true;
        ......
	}
}

其中，调用NavUtils.getParentActivityIntent()方法可以获取到跳转至父Activity的Intent，然后如果父Activity和当前Activity是在同一个Task中的，则直接调用navigateUpTo()方法进行跳转，如果不是在同一个Task中的，则需要借助TaskStackBuilder来创建一个新的Task。

这样，就按照标准的规范成功实现ActionBar导航的功能了。

Action View

此外，还可将按钮设置为Action View ，如配置：android:actionViewClass="android.widget.SearchView"

<menu xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    tools:context="com.example.actionbartest.MainActivity" >
    <item  
        android:id="@+id/action_compose"  
        android:icon="@drawable/test"  
        android:showAsAction="always"
        android:actionViewClass="android.widget.SearchView"
        android:title="@string/action_compose"/>  
</menu>

该按钮就变成搜索按钮

——————————————————————————————————————————————————————————————————

Action Provider

Action Provider也可以将一个Action按钮替换成一个自定义的布局

为了添加一个Action Provider，我们需要在<item>标签中指定一个actionViewClass属性，在里面填入Action Provider的完整类名。我们可以通过继承ActionProvider类的方式来创建一个自己的Action Provider，同时，Android也提供好了几个内置的Action Provider，比如说ShareActionProvider。

由于每个Action Provider都可以自由地控制事件响应，所以它们不需要在onOptionsItemSelected()方法中再去监听点击事件，而是应该在onPerformDefaultAction()方法中去执行相应的逻辑。

那么我们就先来看一下ShareActionProvider的简单用法吧，编辑menu资源文件，在里面加入ShareActionProvider的声明，如下所示：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.example.actionbartest.MainActivity" >

    <item
        android:id="@+id/action_share"
        android:actionProviderClass="android.widget.ShareActionProvider"
        android:showAsAction="ifRoom"
        android:title="@string/action_share" />
    ......

</menu>

注意，ShareActionProvider会自己处理它的显示和事件，但我们仍然要记得给它添加一个title，以防止它会在overflow当中出现。

接着剩下的事情就是通过Intent来定义出你想分享哪些东西了，我们只需要在onCreateOptionsMenu()中调用MenuItem的getActionProvider()方法来得到该ShareActionProvider对象，再通过setShareIntent()方法去选择构建出什么样的一个Intent就可以了。代码如下所示：

@Override
public boolean onCreateOptionsMenu(Menu menu) {
	MenuInflater inflater = getMenuInflater();
	inflater.inflate(R.menu.main, menu);
	MenuItem shareItem = menu.findItem(R.id.action_share);
	ShareActionProvider provider = (ShareActionProvider) shareItem.getActionProvider();
	provider.setShareIntent(getDefaultIntent());
	......
	return super.onCreateOptionsMenu(menu);
}

private Intent getDefaultIntent() {
    Intent intent = new Intent(Intent.ACTION_SEND);
    intent.setType("image/*");
    return intent;
}

这样，我们通过getDefaultIntent()方法来构建了一个Intent，该Intent表示会将所有可以共享图片的程度都列出来。（如分享图片）

————————————————————————————————————————————————————————————

当然，我们也可以自定义一个Action Provider

public class MyActionProvider extends ActionProvider {
	
	public MyActionProvider(Context context) {
		super(context);
	}

	@Override
	public View onCreateActionView() {
		return null;
	}

	@Override
	public void onPrepareSubMenu(SubMenu subMenu) {
		subMenu.clear();
		subMenu.add("sub item 1").setIcon(R.drawable.ic_launcher)
				.setOnMenuItemClickListener(new OnMenuItemClickListener() {
					@Override
					public boolean onMenuItemClick(MenuItem item) {
						return true;
					}
				});
		subMenu.add("sub item 2").setIcon(R.drawable.ic_launcher)
				.setOnMenuItemClickListener(new OnMenuItemClickListener() {
					@Override
					public boolean onMenuItemClick(MenuItem item) {
						return false;
					}
				});
	}

	@Override
	public boolean hasSubMenu() {
		return true;
	}

}

这里我们新建了一个MyActionProvider继承自ActionProvider，为了表示这个Action Provider是有子菜单的，需要重写hasSubMenu()方法并返回true，然后在onPrepareSubMenu通过调用SubMenu的add()方法添加子菜单。

接着修改menu资源，在里面加入MyActionProvider的声明：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.example.actionbartest.MainActivity" >

    <item
        android:id="@+id/action_share"
        android:actionProviderClass="com.example.actionbartest.MyActionProvider"
        android:icon="@drawable/ic_launcher"
        android:showAsAction="ifRoom"
        android:title="@string/action_share" />
    ......

</menu>

这样，我们就创建了一个相当于overflow的子菜单
——————————————————————————————————————————————————————————————

Tabs 导航栏

Android官方更加推荐使用ActionBar中提供的Tabs功能，因为它更加的智能，可以自动适配各种屏幕的大小

下面我们就来看一下如何使用ActionBar提供的Tab功能，大致可以分为以下几步：

1. 实现ActionBar.TabListener接口，这个接口提供了Tab事件的各种回调，比如当用户点击了一个Tab时，你就可以进行切换Tab的操作。

2.为每一个你想添加的Tab创建一个ActionBar.Tab的实例，并且调用setTabListener()方法来设置ActionBar.TabListener。除此之外，还需要调用setText()方法来给当前Tab设置标题。

3.最后调用ActionBar的addTab()方法将创建好的Tab添加到ActionBar中。

看起来并不复杂，总共就只有三步，那么我们现在就来尝试一下吧。首先第一步需要创建一个实现ActionBar.TabListener接口的类，代码如下所示：

public class TabListener<T extends Fragment> implements ActionBar.TabListener {
    private Fragment mFragment;
    private final Activity mActivity;
    private final String mTag;
    private final Class<T> mClass;

    public TabListener(Activity activity, String tag, Class<T> clz) {
        mActivity = activity;
        mTag = tag;
        mClass = clz;
    }

    public void onTabSelected(Tab tab, FragmentTransaction ft) {
        if (mFragment == null) {
            mFragment = Fragment.instantiate(mActivity, mClass.getName());
            ft.add(android.R.id.content, mFragment, mTag);
        } else {
            ft.attach(mFragment);
        }
    }

    public void onTabUnselected(Tab tab, FragmentTransaction ft) {
        if (mFragment != null) {
            ft.detach(mFragment);
        }
    }

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

当Tab被选中的时候会调用onTabSelected()方法，在这里我们先判断mFragment是否为空，如果为空的话就创建Fragment的实例并调用FragmentTransaction的add()方法，如果不会空的话就调用FragmentTransaction的attach()方法。

而当Tab没有被选中的时候，则调用FragmentTransaction的detach()方法，将UI资源释放掉。

当Tab被重新选中的时候会调用onTabReselected()方法，如果没有特殊需求的话，通常是不需要进行处理的。

接下来第二步要给每一个Tab创建一个ActionBar.Tab的实例，在此之前要先准备好每个Tab页对应的Fragment。比如说这里我们想创建两个Tab页，Artist和Album，那就要先准备好这两个Tab页对应的Fragment。首先新建ArtistFragment，代码如下所示：

public class ArtistFragment extends Fragment {

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		TextView textView = new TextView(getActivity());
		textView.setText("Artist Fragment");
		textView.setGravity(Gravity.CENTER_HORIZONTAL);
		LinearLayout layout = new LinearLayout(getActivity());
		LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
		layout.addView(textView, params);
		return layout;
	}

}

然后如法炮制，新建AlbumFragment，代码略。

Fragment都准备好了之后，接下来就可以开始创建Tab实例了，创建好了之后则再调用addTab()方法添加到ActionBar当中，这两步通常都是在Activity的onCreate()方法中执行的，代码如下：

@Override
protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setTitle("天气");
	ActionBar actionBar = getActionBar();
	actionBar.setDisplayHomeAsUpEnabled(true);
	setOverflowShowingAlways();
	actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
	Tab tab = actionBar
			.newTab()
			.setText(R.string.artist)
			.setTabListener(
					new TabListener<ArtistFragment>(this, "artist",
							ArtistFragment.class));
	actionBar.addTab(tab);
	tab = actionBar
			.newTab()
			.setText(R.string.album)
			.setTabListener(
					new TabListener<AlbumFragment>(this, "album",
							AlbumFragment.class));
	actionBar.addTab(tab);
}

参考：

Android ActionBar完全解析，使用官方推荐的最佳导航栏(上) - 郭霖的专栏 - 博客频道 - CSDN.NET
http://blog.csdn.net/guolin_blog/article/details/18234477

Android ActionBar完全解析，使用官方推荐的最佳导航栏(下) - 郭霖的专栏 - 博客频道 - CSDN.NET
http://blog.csdn.net/guolin_blog/article/details/25466665