Android中PopupMenu组件的使用实例

最近学习研究了一下Android中PopupMenu组件的使用,发现很实用,所以留个笔记留作日后查询

估计很多人遇到过这种场景:

要求弹出的PopupWindow里面是一个列表,我们使用时都是在里面套个ListView或RecyclerView ,现在我们不需要在做这样繁琐的工作了。

在官方android.support.v7.widget 包下提供的 PopupMenu 组件,已经被越来越多的项目所采用。我们先看一下几个 app 的效果:


这是一个非常轻量化的上下文菜单组件,简洁、使用方便。

1.创建资源文件

在 res 目录下新建 menu 文件夹,这个文件夹主要是来存放菜单资源文件的。我们新建 sample_menu.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

 <item
  android:id="@+id/next"
  android:icon="@mipmap/ic_launcher"
  android:title="下一首播放"/>

 <item
  android:id="@+id/add"
  android:icon="@mipmap/ic_launcher"
  android:title="添加到歌单"/>

 <item
  android:id="@+id/detail"
  android:icon="@mipmap/ic_launcher"
  android:title="歌曲详情"/>

 <item
  android:id="@+id/del"
  android:icon="@mipmap/ic_launcher"
  android:title="删除歌曲"/>

</menu>

随便写几个菜单选项。

2.在代码中展示

private void showPopupMenu(View view) {
  // 这里的view代表popupMenu需要依附的view
  PopupMenu popupMenu = new PopupMenu(MainActivity.this, view);
  // 获取布局文件
  popupMenu.getMenuInflater().inflate(R.menu.sample_menu, popupMenu.getMenu());
  popupMenu.show();
  // 通过上面这几行代码,就可以把控件显示出来了
  popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
   @Override
   public boolean onMenuItemClick(MenuItem item) {
    // 控件每一个item的点击事件
    return true;
   }
  });
  popupMenu.setOnDismissListener(new PopupMenu.OnDismissListener() {
   @Override
   public void onDismiss(PopupMenu menu) {
    // 控件消失时的事件
   }
  });

 }

有时候我们还需要根据不同的条件,显示或隐藏指定的 item,比如在点击第二个按钮的时候隐藏掉“删除歌曲”的选项,只需要添加几行代码:

...
popupMenu.show();
switch (view.getId()) {
 case R.id.btn_world:
  popupMenu.getMenu().findItem(R.id.del).setVisible(false);
  break;
 default:
  break;
}
...

有时候我们还需要根据不同的条件,显示或隐藏指定的 item,比如在点击第二个按钮的时候隐藏掉“删除歌曲”的选项,只需要添加几行代码:

...
popupMenu.show();
switch (view.getId()) {
 case R.id.btn_world:
  popupMenu.getMenu().findItem(R.id.del).setVisible(false);
  break;
 default:
  break;
}
...

来看一下效果:


PopupMenu 默认是在指定控件的下方显示的,但是当检测到空间不足时,会自动调整显示的位置。而且自带动画效果,是不是很方便呢?

3.在 PopupMenu 中显示图标

以前用到带图标的菜单时,一般都是通过自定义 PopupWindow 来实现的,比较麻烦,其实 PopupMenu 可以很简单的实现这个功能,不过需要用到反射。关于反射,我理解的不深,所以下面的代码也是从网上粘贴过来的。细心的同学可能会发现,在 xml 资源文件中,我在每个 item 标签里都写了 icon 的属性。没错,要显示的正是在这里设置的图片。当然,如果你不需要显示图标的话,icon 是没有必要写的。

try {
   Field field = popupMenu.getClass().getDeclaredField("mPopup");
   field.setAccessible(true);
   MenuPopupHelper helper = (MenuPopupHelper) field.get(popupMenu);
   helper.setForceShowIcon(true);
  } catch (NoSuchFieldException e) {
   e.printStackTrace();
  } catch (IllegalAccessException e) {
   e.printStackTrace();
  }

最终效果:

对于 PopupMenu 的使用暂时想到了这么多,以后如果遇到更多的使用技巧,会再来补充的。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#nhooo.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。