如何在Compose中实现各Android版本统一圆角上下文菜单

一、自定义Compose下拉式上下文菜单 #

如果是你用Compose自带的DropdownMenu实现的自定义上下文菜单，直接设置shape参数就能搞定，全版本兼容：

DropdownMenu(
    expanded = expanded,
    onDismissRequest = { expanded = false },
    // 这里设置16dp圆角，按需调整数值
    shape = RoundedCornerShape(16.dp)
) {
    DropdownMenuItem(onClick = { /* 复制逻辑 */ }) {
        Text("复制")
    }
    DropdownMenuItem(onClick = { /* 分享逻辑 */ }) {
        Text("分享")
    }
}

二、系统文本选择上下文菜单（选中文字弹出的系统菜单） #

针对系统级的文本选择菜单，不同Android版本得用不同适配方案：

Android 13+（API 33及以上） #

Android13开始支持通过主题样式直接修改系统菜单圆角，步骤如下：

1. 在res/values/styles.xml里添加自定义样式：

<style name="CustomActionModeStyle" parent="@style/Widget.Material3.ActionMode">
    <item name="android:shapeAppearance">@style/CustomMenuShape</item>
</style>

<style name="CustomMenuShape" parent="@style/ShapeAppearance.Material3.MediumComponent">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">16dp</item>
</style>

2. 在Compose主题中用ContextThemeWrapper包裹需要修改菜单的内容：

MaterialTheme(
    colorScheme = yourColorScheme,
    typography = yourTypography,
    content = {
        ContextThemeWrapper(
            context = LocalContext.current,
            themeResId = R.style.CustomActionModeStyle
        ) {
            Text(
                text = "可选中的文本内容",
                modifier = Modifier.padding(16.dp)
            )
        }
    }
)

Android 12及以下（API 32及以下） #

这个版本的系统菜单是基于View实现的，之前你试的设置背景和actionModeStyle没生效，大概率是样式父类不对或者没针对版本配置：

1. 在res/values-v32/styles.xml中配置主题：

<style name="AppTheme" parent="Theme.Material3.DayNight.NoActionBar">
    <item name="actionModeStyle">@style/LegacyActionModeStyle</item>
</style>

<style name="LegacyActionModeStyle" parent="@style/Widget.Material.ActionMode">
    <item name="android:background">@drawable/rounded_menu_bg</item>
</style>

2. 创建res/drawable/rounded_menu_bg.xml作为圆角背景：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="?attr/colorSurface" />
    <corners android:radius="16dp" />
</shape>

3. 要是样式还是不生效，可在Activity里通过反射强制设置：

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    // 监听ActionMode创建，反射修改其View的背景
    window.decorView.viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
        override fun onGlobalLayout() {
            try {
                val actionModeClass = Class.forName("com.android.internal.view.menu.ActionModeImpl")
                val field = actionModeClass.getDeclaredField("mView")
                field.isAccessible = true
                val actionMode = actionModeClass.cast(supportActionBar?.actionMode)
                actionMode?.let {
                    val menuView = field.get(it) as View
                    menuView.background = resources.getDrawable(R.drawable.rounded_menu_bg, theme)
                }
                window.decorView.viewTreeObserver.removeOnGlobalLayoutListener(this)
            } catch (e: Exception) {
                e.printStackTrace()
            }
        }
    })
}

踩坑提示 #

• 用Material3的话，样式父类必须对应Material3的组件，别混用Material的父类，否则样式不生效。
• 部分定制ROM可能会修改系统菜单的默认实现，建议在主流机型上测试验证。

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