Android中的菜单OptionsMenu,ContextMe
OptionsMenu
在介绍Toolbar的时候,已经介绍了OptionsMenu的用法,OptionsMenu称为选项菜单,它可以设置在Toolbar中,显示方式有两种:直接显示在Toolbar中,显示在overflow菜单中。显示在overflow菜单中的按钮,也可以通过手机的menu键来调出,如果当前Activity是隐藏状态栏的,就需要使用menu键了。需要注意的是,手机的menu键只能调出包含在overflow里的item。
这里介绍一个特殊的方法,onPrepareOptionsMenu()
。我们知道,创建OptionsMenu调用的方法是onCreateOptionsMenu
,但是这个方法只会执行一次。如果在运行过程中对OptionsMenu进行操作,比如改变ItemIcon等,这时候就要用到onPrepareOptionsMenu
,这里方法中可以获取到menu对象,对菜单栏进行操作。
onPrepareOptionsMenu
通过invalidateOptionsMenu()
方法调用。另外,点击overflow按钮也会调用onPrepareOptionsMenu
,因为点击overflow的时候,隐藏的menu item会显示出来,也就是改变了menu的样式,所以点击overflow实际上已经调用了invalidateOptionsMenu()
方法。
ContextMenu
ContextMenu翻译为上下文菜单,与OptionsMenu不同的是,ContextMenu是被view对象持有的,而OptionsMenu则是被Activity或者Fragment对象持有。
ContextMenu通过长按View调出。下面是一个长按Button弹出ContextMenu的例子:
- 创建menu的layout文件。当然这一步也可以省略,在代码中CreateMenu的时候动态添加item是一样的效果。
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/add_item"
android:icon="@drawable/ic_action_new"
android:title="Add"
app:showAsAction="ifRoom"
/>
<item
android:id="@+id/remo_item"
android:icon="@drawable/ic_action_remove"
android:title="Remove"
app:showAsAction="never"
/>
<item
android:id="@+id/more_item"
android:icon="@drawable/ic_action_more"
android:title="More"
app:showAsAction="never"
/>
</menu>
- 使用
registerForContextMenu
方法,为目标View注册上下文菜单,这里的例子是一个Button:
registerForContextMenu(mContButton);
- 创建上下文菜单,并设置监听:
@Override
public boolean onCreateOptionsMenu(Menu menu) {
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.toobar_menu,menu);
return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onContextItemSelected(MenuItem item) {
switch (item.getItemId()){
case R.id.share_item:
Toast.makeText(this,"context menu add",Toast.LENGTH_SHORT).show();
}
return super.onContextItemSelected(item);
}
到这里一个简单的上下文菜单功能就完成了。但是,实际使用的时候并不是这么简单。比如Recyclerview是无法通过这种方式实现的。
Recyclerview的ContextMenu实现方式:
ContextMenu的创建是由长按事件引发的,所以View里也设置了一个onCreateContextMenuListener
,Recyclerview可以通过它来实现ContextMenu。
使用onCreateContextMenuListener
的方式也比较灵活,可以在RecyclerView.ViewHolder
类中实现这个接口,对itemview设置onCreateContextMenuListener
,也可以在adapter中的onBindViewHolder
中设置。
下面看具体的例子,这是一个item为TextView的Recyclerview:
//Holder中对ItemView设置创建ContextMenu监听
private class RecycleHolder extends RecyclerView.ViewHolder{
public RecycleHolder(View itemView) {
super(itemView);
itemView.setOnCreateContextMenuListener(new View.OnCreateContextMenuListener() {
@Override
public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.search_menu,menu);
}
});
}
//对ContextMenu的item设置响应
@Override
public boolean onContextItemSelected(MenuItem item) {
switch (item.getItemId()){
case R.id.share_item:
Toast.makeText(this,"context menu add",Toast.LENGTH_SHORT).show();
}
return super.onContextItemSelected(item);
}
这样就完成了对Recyclerview的ContextMenu设置。如果我们还想要更高级的功能,比如对不同的Item弹出不同的Menu,要怎样实现?
上面提到了,ContextMenu的创建实际上是监听了长按事件,我们可以同时对Item设置LongClickListener
和CreateContextMenuListener
,在LongClickListener
中获取当前item的position,然后传递给CreateContextMenuListener
。注意,LongClickListener
返回值应该设置为false,否则事件不会传递给CreateContextMenuListener
上面的代码稍作修改:
//Holder 中不再设置监听
private class RecycleHolder extends RecyclerView.ViewHolder{
private TextView mTextView;
public RecycleHolder(View itemView) {
mTextView = (TextView) itemView;
}
}
private class RecycleAdapter extends RecyclerView.Adapter<LandViewActivity.RecycleHolder>
{
private id = -1;
@Override
public LandViewActivity.RecycleHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View TitleItemView = LayoutInflater.from(LandViewActivity.this).inflate(R.layout.item,parent,false);
return new LandViewActivity.RecycleHolder(TitleItemView);
}
@Override
public void onBindViewHolder(LandViewActivity.RecycleHolder holder, final int position) {
holder.mTextView.setText(mItems.get(position));
//对Recyclerview中的item设置长按监听,获取到id,注意返回值为false
holder.mTextView.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
id = position;
return false;
}
});
//对Recyclerview中的item设置创建菜单监听,根据id的值绝对是否创建菜单
holder.mTextView.setOnCreateContextMenuListener(new View.OnCreateContextMenuListener() {
@Override
public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
MenuInflater inflater = getMenuInflater();
if (id%2==0) inflater.inflate(R.menu.search_menu,menu);
}
});
}
@Override
public int getItemCount() {
return mItems.size();
}
}
PopupMenu
PopupMenu是对某个View设置的弹出菜单,默认弹出在View的下方,如果控件不够则弹出在上方,点击该View 的时候就会弹出PopupMenu。
PopupMenu的定义如下:
mContButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//创建PopupMenu,并绑定到mContButton
PopupMenu popupMenu = new PopupMenu(LandViewActivity.this,mContButton);
MenuInflater menuInflater = getMenuInflater();
menuInflater.inflate(R.menu.toobar_menu, popupMenu.getMenu());
//popupMenu.inflate(R.menu.toobar_menu); API 14 可以采用这种方式
popupMenu.show();
//设置item的点击事件
popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(MenuItem item) {
switch (item.getItemId()){
case R.id.add_item:
Toast.makeText(LandViewActivity.this,"Add button clicked",Toast.LENGTH_SHORT).show();
break;
case R.id.remo_item:
invalidateOptionsMenu();
Toast.makeText(LandViewActivity.this,"Remove button clicked",Toast.LENGTH_SHORT).show();
break;
case R.id.more_item:
Toast.makeText(LandViewActivity.this,"More button clicked",Toast.LENGTH_SHORT).show();
break;
default:
break;
}
return true;
}
});
}
});
PopupMenu的使用很简单简单,但是样式修改比较麻烦,在menu文件里修改是不起作用的,只能通过theme的Style来修改:
在当前theme下添加以下Item:
<item name="android:dropDownListViewStyle">@style/MyListViewStyle</item>
<item name="android:textAppearanceLargePopupMenu">@style/PopupMenuText</item>
<item name="android:textAppearanceSmallPopupMenu">@style/PopupMenuText</item>
对应的Style:
<style name="PopupMenuText">
<item name="android:textColor">@color/colorBlack</item>
<item name="android:textSize">16sp</item>
</style>
<style name="MyListViewStyle">
<item name="android:divider">#F00</item>
<item name="android:dividerHeight">1px</item>
</style>