Android Menu

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

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

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

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

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

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

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

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

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

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

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

Context Menu

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

1<?xml version="1.0" encoding="utf-8"?>
2<menu xmlns:app="http://schemas.android.com/apk/res-auto"
3    xmlns:android="http://schemas.android.com/apk/res/android">
4
5    <item android:title="删除" android:id="@+id/menu_delete"/>
6    <item android:title="重命名" android:id="@+id/menu_rename" />
7</menu>

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

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

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

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

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

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

Popup Menu

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

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

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

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

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

popMenu方法如下:

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