Android Support v7 Toolbar弹出菜单自定义背景（含边框）实现

我来帮你搞定这个问题！你已经实现了弹出菜单的透明背景，现在要加边框又不想重复写shape？其实只需要通过自定义Popup主题+复用单个Drawable就能实现，不用在多个地方重复设置背景，下面是具体步骤：

1. 只写一次带边框的背景Drawable #

先在res/drawable目录下创建一个popup_menu_border_bg.xml文件，用layer-list把透明背景和边框组合起来，后续所有弹出菜单都可以复用这个文件：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 外层是边框 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/my_transparent_color" />
            <stroke
                android:width="1dp"
                android:color="@color/your_border_color" /> <!-- 替换成你需要的边框颜色 -->
            <corners android:radius="4dp" /> <!-- 可选：添加圆角效果，和MX Player风格更贴近 -->
        </shape>
    </item>
    <!-- 内层是内容区域，留出边框的空间 -->
    <item android:bottom="1dp" android:left="1dp" android:right="1dp" android:top="1dp">
        <shape android:shape="rectangle">
            <solid android:color="@color/my_transparent_color" />
            <corners android:radius="3dp" /> <!-- 圆角值减去边框宽度，保证整体圆角一致 -->
        </shape>
    </item>
</layer-list>

2. 定义全局的弹出菜单主题 #

在res/values/styles.xml里创建一个专门的弹出菜单主题，把上面的Drawable关联进去，这样所有使用这个主题的PopupMenu都会自动应用样式：

<style name="MyPopupMenuTheme" parent="ThemeOverlay.AppCompat.Light">
    <!-- 设置弹出菜单的背景为我们定义的带边框Drawable -->
    <item name="android:popupBackground">@drawable/popup_menu_border_bg</item>
    <!-- 可选：根据需求调整菜单文字颜色、图标颜色等 -->
    <item name="android:textColor">@color/your_menu_text_color</item>
    <item name="colorControlNormal">@color/your_menu_icon_color</item>
</style>

3. 给Toolbar的弹出菜单应用主题 #

这里分两种场景处理：

场景一：Toolbar的溢出菜单（三点菜单） #

如果你想让Toolbar默认的溢出菜单也用这个样式，直接在你的Toolbar主题里添加popupTheme属性即可：

<style name="MyToolbarTheme" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:colorBackground">@color/my_transparent_color</item>
    <!-- 指定溢出菜单使用我们的自定义主题 -->
    <item name="popupTheme">@style/MyPopupMenuTheme</item>
</style>

场景二：自定义按钮触发的PopupMenu #

如果是手动创建的PopupMenu（比如Toolbar上单个按钮弹出的菜单），只需要在初始化时指定主题：

// 获取Toolbar上的目标按钮View（替换成你的菜单item id）
View menuBtn = findViewById(R.id.toolbar).findViewById(R.id.action_custom_menu);
// 创建PopupMenu时绑定自定义主题
PopupMenu popupMenu = new PopupMenu(this, menuBtn, Gravity.END);
popupMenu.setPopupTheme(R.style.MyPopupMenuTheme);
// 加载菜单资源
popupMenu.getMenuInflater().inflate(R.menu/your_menu_layout, popupMenu.getMenu());
// 设置点击监听
popupMenu.setOnMenuItemClickListener(item -> {
    // 处理菜单点击逻辑
    return true;
});
popupMenu.show();

这样就完美实现了MX Player风格的弹出菜单，而且只需要定义一次Drawable和主题，完全避免了重复代码的问题！

内容的提问来源于stack exchange，提问作者user155