0%

Android Menu

本文会介绍三种Menu,分别是Options Menu、Context Menu、Popup Menu的使用方式。

Menu菜单是Android应用中非常重要且常见的组成部分,主要可以分为三类:选项菜单、上下文菜单/上下文操作模式以及弹出菜单。它们的主要区别如下:

  • 选项菜单:一个应用的主菜单项,用于放置对应用产生全局影响的操作,如搜索/设置。
  • 上下文菜单:用户长按某一元素时出现的浮动菜单。它提供的操作将影响所选内容,主要应用于列表中的每一项元素(如长按列表项弹出删除对话框)。上下文操作模式将在屏幕顶部栏(菜单栏)显示影响所选内容的操作选项,并允许用户选择多项,一般用于对列表类型的数据进行批量操作。
  • 弹出菜单:以垂直列表形式显示一系列操作选项,一般由某一控件触发,弹出菜单将显示在对应控件的上方或下方。它适用于提供与特定内容相关的大量操作。

下面通过代码实际演示一下这三种菜单实际用法,另外测试是在真机Android5.1上进行的。

首先在res目录下新建menu目录,新建一个menu的布局文件option.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item android:id="@+id/menu_develop" android:title="开发" app:showAsAction="always"/>
<item android:id="@+id/menu_setting" android:title="设置" app:showAsAction="always"/>
<item android:id="@+id/menu_save" android:title="保存"/>
<item android:title="更多操作" >
<menu>
<item android:title="编辑" android:icon="@mipmap/ic_launcher"/>
<item android:title="分享"/>
</menu>
</item>
</menu>

android:id:菜单项(MenuItem)的唯一标识
android:icon:菜单项的图标(可选)
android:title:菜单项的标题(必选)
android:showAsAction:指定菜单项的显示方式。常用的有ifRoom、never、always、withText
always:菜单项永远不会被收纳到溢出菜单中,因此在菜单项过多的情况下可能超出菜单栏的显示范围。
ifRoom:在空间足够时,菜单项会显示在菜单栏中,否则收纳入溢出菜单中。
withText:无论菜单项是否定义了icon属性,都只会显示它的标题,而不会显示图标。使用这种方式的菜单项默认会被收纳入溢出菜单中。
never:菜单项永远只会出现在溢出菜单中。

接下来创建OptionsMenu,需要在对应的Activity中覆写onCreateOptionsMenu方法:

1
2
3
4
5
6
7
// 创建OptionsMenu
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// 加载菜单资源
getMenuInflater().inflate(R.menu.option, menu);
return super.onCreateOptionsMenu(menu);
}

接下来需要在对应的Activity中覆写菜单项监听onOptionsItemSelected方法,这样就知道到底是那个菜单项被点击了,在点击的时候会弹出对应的Toast:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
int itemId = item.getItemId();
switch (itemId) {
case R.id.menu_develop:
Toast.makeText(getApplicationContext(), "开发", Toast.LENGTH_SHORT).show();
break;
case R.id.menu_setting:
Toast.makeText(getApplicationContext(), "设置", Toast.LENGTH_SHORT).show();
break;
case R.id.menu_save:
Toast.makeText(getApplicationContext(), "保存", Toast.LENGTH_SHORT).show();
break;
}
return super.onOptionsItemSelected(item);
}

Context Menu

与Options同样的方式,新建一个menu的布局文件context.xml

1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android">

<item android:title="删除" android:id="@+id/menu_delete"/>
<item android:title="重命名" android:id="@+id/menu_rename" />
</menu>

先在Activity中注册上下文菜单,即把上下文菜单注册到某个控件上:

1
2
3
4
5
6
7
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 1.1注册上下文菜单
registerForContextMenu(findViewById(R.id.btn_context_menu));
}

接下来创建Context Menu,需要在对应的Activity中覆写onCreateContextMenu方法:

1
2
3
4
5
6
// 1.2重写onCreateContextMenu
@Override
public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
// 加载上下文菜单资源
getMenuInflater().inflate(R.menu.context, menu);
}

接下来需要在对应的Activity中覆写菜单项监听onContextItemSelected方法,这样就知道到底是那个菜单项被点击了,在点击的时候会弹出对应的Toast:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 1.3操作事件处理
@Override
public boolean onContextItemSelected(@NonNull MenuItem item) {
int itemId = item.getItemId();
switch (itemId) {
case R.id.menu_delete:
Toast.makeText(getApplicationContext(), "删除", Toast.LENGTH_SHORT).show();
break;
case R.id.menu_rename:
Toast.makeText(getApplicationContext(), "重命名", Toast.LENGTH_SHORT).show();
break;
}
return super.onOptionsItemSelected(item);
}

Popup Menu

一个模态形式展示的弹出风格的菜单,绑在某个View上,一般出现在被绑定的View的下方,如果没有空间的情况下会出现在控件的上方。

与Options同样的方式,新建一个menu的布局文件popup.xml

1
2
3
4
5
6
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/pop_item_edit" android:title="编辑"/>
<item android:id="@+id/pop_item_save" android:title="保存"/>
<item android:id="@+id/pop_item_cancel" android:title="取消"/>
</menu>

接下来 ,需要在对应的Activity中对按钮的点击事件进行监听:

1
2
3
4
5
6
<Button
android:id="@+id/btn_pop_menu"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="popMenu"
android:text="弹出式菜单" />

popMenu方法如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
public void popMenu(View view) {
//1.1实例化PopupMenu对象,绑定在弹出式菜单这个按钮上
PopupMenu menu = new PopupMenu(MainActivity.this, findViewById(R.id.btn_pop_menu));
//1.2加载菜单资源:利用MenuInflater
menu.getMenuInflater().inflate(R.menu.popup, menu.getMenu());
//1.3为PopupMenu设置点击监听器
menu.setOnMenuItemClickListener((menuItem)-> {
int itemId = menuItem.getItemId();
switch (itemId) {
case R.id.pop_item_edit:
Toast.makeText(getApplicationContext(), "编辑", Toast.LENGTH_SHORT).show();
break;
case R.id.pop_item_save:
Toast.makeText(getApplicationContext(), "保存", Toast.LENGTH_SHORT).show();
break;
case R.id.pop_item_cancel:
Toast.makeText(getApplicationContext(), "取消", Toast.LENGTH_SHORT).show();
break;
}
return super.onOptionsItemSelected(menuItem);
});
//1.4展示PopupMenu
menu.show();
}

  • 本文作者: Tim
  • 本文链接: https://zouchanglin.cn/1843027023.html
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!