当前位置: 代码迷 >> 综合 >> 详解三种Menu——通俗易懂
  详细解决方案

详解三种Menu——通俗易懂

热度:49   发布时间:2023-11-22 01:54:29.0

Menu

    • Menu分类
    • 选项菜单(OptionMenu)
          • Step 1 在res创建menu
          • Step 2 创建option.xml
          • Step 3 MainActivity中加载menu
          • 特殊属性
          • 测试结果
    • 上下文菜单(ContextMenu)
          • Step 1 创建context.xml
          • Step 2 注册
          • Step 3 创建onCreateContextMenu
          • Step 4 创建onCreateOptionsMenu
          • 测试结果图
        • [重点]为按钮设置上下文操作模式
          • Step 1 实现ActionMode 中 CallBack回调接口
          • Step 2 在view 的长按事件中去启动上下文操作模式
          • 测试结果
    • 弹出菜单(PopupMenu)
          • Step 1 创建popup.xml
          • Step 2 实例化PopupMenu对象
          • Step 3 加载菜单资源
          • Step 4 为PopupMenu设置点击监听器
          • Step 5 展示
          • 测试结果
    • 两点说明
    • 附Github地址

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 {
    @Overrideprotected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);}//创建OptionMenu@Overridepublic boolean onCreateOptionsMenu(Menu menu) {
    //加载菜单资源<将菜单文件指定为刚刚的xml文件>//参数1:menu资源,传资源索引;参数2:菜单对象getMenuInflater().inflate(R.menu.option,menu);return true;}//OptionMenu菜单项的选中方法@Overridepublic 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)时调用//在此配置上下文菜单的资源@Overridepublic boolean onCreateActionMode(ActionMode mode, Menu menu) {
    Log.e("MainActivity:","创建");getMenuInflater().inflate(R.menu.context,menu);return true;}//在创建方法后进行调用@Overridepublic boolean onPrepareActionMode(ActionMode mode, Menu menu) {
    Log.e("MainActivity:","准备");return false;}//菜单项被点击,类似onContextItemSelected()方法@Overridepublic 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;}//上下文操作模式结束时被调用@Overridepublic 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() {
    @Overridepublic 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() {
    @Overridepublic 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() {
    @Overridepublic 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地址

链接: 传送门~.

  相关解决方案