详解三种Menu——通俗易懂

最新推荐文章于 2022-03-13 15:04:13 发布

王小栗

最新推荐文章于 2022-03-13 15:04:13 发布

阅读量3.4k

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/qq_37687466/article/details/105902789

版权

Android 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

Menu分类

选项菜单（OptionMenu）
上下文菜单（ContextMenu）
弹出菜单（PopupMenu）

选项菜单（OptionMenu）

选项菜单是一个应用的主菜单项，用于放置对应用产生全局影响的操作。

Step 1 在res创建menu

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9Cuz3RNB-1588484848585)(C:\Users\ADMINI~1\AppData\Local\Temp\1588415789165.png)]

Step 2 创建option.xml

<?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:title="保存"
        android:id="@+id/save"
        app:showAsAction="always"   />
    <item android:title="设置"
         android:id="@+id/setting"/>
    <item android:title="更多设置" >
        <menu >
            <item android:title="退出"
                android:id="@+id/exit"/>
            <item android:title="子菜单2" />
            <item android:title="子菜单3" />
        </menu>
    </item>

</menu>

Step 3 MainActivity中加载menu

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    //创建OptionMenu
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        //加载菜单资源<将菜单文件指定为刚刚的xml文件>
        //参数1：menu资源，传资源索引；参数2：菜单对象
        getMenuInflater().inflate(R.menu.option,menu);
        return true;
    }

    //OptionMenu菜单项的选中方法
    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()){
            case R.id.save:
                Toast.makeText(MainActivity.this,"保存",Toast.LENGTH_SHORT).show();
                break;
            case R.id.setting:
                Toast.makeText(MainActivity.this,"设置",Toast.LENGTH_SHORT).show();
                break;
            case R.id.exit:
                finish();
                break;
            default:
                break;
        }
        return super.onOptionsItemSelected(item);
    }
}

特殊属性

app:showAsAction="always" //使得menu直接在标题栏中

<item android:title="保存"
    android:icon="@mipmap/ic_launcher"
    app:showAsAction="always"        />

当有图标出现时，会在标题栏直接显示图标，而不显示文本，此时更多中也没有文本

<item android:title="保存"
    android:icon="@mipmap/ic_launcher"
    app:showAsAction="always|withText"   />

同时显示图标和文本的情况

【Ps 我测试的手机横屏时能全部显示，竖屏只能显示图标】

app:showAsAction="ifRoom"   //有空间的时候显示
app:showAsAction="never"   //从不在标题栏显示
 app:showAsAction="collapseActionView"   //折叠视图 通常与ifRoom 联合使用

测试结果

在这里插入图片描述

上下文菜单（ContextMenu）

上下文菜单：长按某个View不放，就会在屏幕中间弹出ContextMenu。一个activity 中可以有多个context Menu

Step 1 创建context.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:title="复制"
          android:id="@+id/copy"/>
    <item android:title="粘贴"
          android:id="@+id/paste"/>
</menu>

Step 2 注册

//1.注册
TextView context_menu = findViewById(R.id.context_menu);
registerForContextMenu(context_menu);

Step 3 创建onCreateContextMenu

//2.创建onCreateContextMenu
@Override
public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
    //加载菜单资源<将菜单文件指定为刚刚的xml文件>
    //参数1：menu资源，传资源索引；参数2：菜单对象
    getMenuInflater().inflate(R.menu.context,menu);
}

Step 4 创建onCreateOptionsMenu

//3.菜单项的操作
@Override
public boolean onContextItemSelected(@NonNull MenuItem item) {
    switch (item.getItemId()){
        case R.id.copy:
            Toast.makeText(MainActivity.this,"复制",Toast.LENGTH_SHORT).show();
            break;
        case R.id.paste:
            Toast.makeText(MainActivity.this,"粘贴",Toast.LENGTH_SHORT).show();
            break;
        default:
            break;
    }
    return super.onContextItemSelected(item);
}

测试结果图

在这里插入图片描述

[重点]为按钮设置上下文操作模式

在应用顶部出现操作栏

Step 1 实现ActionMode 中 CallBack回调接口

/第一步：实现ActionMode 中 CallBack回调接口
 ActionMode.Callback cb = new ActionMode.Callback() {
     //创建方法，在启动上下文操作模式startActionMode(Callback)时调用
    //在此配置上下文菜单的资源
    @Override
    public boolean onCreateActionMode(ActionMode mode, Menu menu) {
        Log.e("MainActivity:","创建");
        getMenuInflater().inflate(R.menu.context,menu);
        return true;
    }

    //在创建方法后进行调用
    @Override
    public boolean onPrepareActionMode(ActionMode mode, Menu menu) {
        Log.e("MainActivity:","准备");
        return false;
    }

    //菜单项被点击，类似onContextItemSelected()方法
    @Override
    public boolean onActionItemClicked(ActionMode mode, MenuItem item) {
        Log.e("MainActivity:","点击");
        switch (item.getItemId()){
            case R.id.copy:
                Toast.makeText(MainActivity.this,"复制",Toast.LENGTH_SHORT).show();
                break;
            case R.id.paste:
                Toast.makeText(MainActivity.this,"粘贴",Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
        return true;
    }

    //上下文操作模式结束时被调用
    @Override
    public void onDestroyActionMode(ActionMode mode) {
        Log.e("MainActivity:","结束");

    }
};

Step 2 在view 的长按事件中去启动上下文操作模式

   TextView context_menu = findViewById(R.id.context_menu);
   //重点 ：为按钮设置上下文操作模式【在应用顶部出现操作栏】
   //第一步：实现ActionMode 中 CallBack回调接口
   //第二步：在view 的长按事件中去启动上下文操作模式
   context_menu.setOnLongClickListener(new View.OnLongClickListener() {
       @Override
       public boolean onLongClick(View v) {
           startActionMode(cb);
           return false;
       }
   });

测试结果

在这里插入图片描述

弹出菜单（PopupMenu）

一个模态形式展示的弹出风格的菜单，绑在某个View上，一般出现在被绑定的View的下方；如果下方空间不够，便显示在View的上方

Step 1 创建popup.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:title="重命名"
        android:id="@+id/rename"
          />
    <item android:title="猜一下"
        android:id="@+id/noidea"/>
    <item android:title="更多操作" >
        <menu >
            <item android:title="删除"
                android:id="@+id/delete"/>
            <item android:title="子菜单2" />
        </menu>
    </item>
</menu>

Step 2 实例化PopupMenu对象

 final TextView popup_menu = findViewById(R.id.popup_menu);
    popup_menu.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            //①实例化PopupMenu对象
            //[参数1：上下文对象；参数2：所依附的对象（view）]
            PopupMenu popupMenu = new PopupMenu(MainActivity.this,popup_menu);

            //.....
        }
    });
}

Step 3 加载菜单资源

      //②加载菜单资源：利用MenuInflater将Menu资源加载到PopupMenu.getMenu()所返回的Menu对象中
                //popupMenu.getMenuInflater()得到弹出式菜单的MenuInflater对象，再去指定对应的资源
                 //参数1：资源Id;参数2：PopupMenu.getMenu()返回的对象
                //将R.menu.popup对应的菜单资源加载到 弹出式菜单（popupMenu.getMenu()）中
                popupMenu.getMenuInflater().inflate(R.menu.popup,popupMenu.getMenu());

Step 4 为PopupMenu设置点击监听器

popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
    @Override
    public boolean onMenuItemClick(MenuItem item) {
        switch (item.getItemId()){
            case R.id.rename:
                Toast.makeText(MainActivity.this,"重命名",Toast.LENGTH_SHORT).show();
                break;
            case R.id.delete:
                Toast.makeText(MainActivity.this,"删除",Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
        return false;
    }
});

Step 5 展示

popupMenu.show();

测试结果

在这里插入图片描述

两点说明

onCreateOptionsMenu() 方法一点要返回true 否则菜单不显示
onOptionsItemSelected 建议也返回true，并在switch语句中 default 分支进行父类的实现

附Github地址

链接: 传送门~.

王小栗

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
详解三种Menu——通俗易懂

MenuMenu分类选项菜单（OptionMenu）Step 1 在res创建menuStep 2 创建option.xmlStep 3 MainActivity中加载menu特殊属性测试结果上下文菜单（ContextMenu）Step 1 创建context.xmlStep 2 注册Step 3 创建onCreateContextMenuStep 4 创建onCreateOptionsMen...
复制链接

扫一扫