Android 12及以下版本Glance Widget如何裁剪圆角布局的子内容？

在使用Glance beta-01版本时，Android 12及以下系统无法通过GlanceModifier.cornerRadius实现圆角效果。采用自定义XML背景可以实现圆角，但裁剪（隐藏超出圆角范围的内容）仅对目标元素本身生效。请问在Android 12及以下版本中，为布局设置圆角后，能否裁剪组件的内容/子元素？

示例布局代码 #

Box(modifier = GlanceModifier().background(R.drawable.test)) {
    Text("blabla")
}

对应的test.xml背景代码 #

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/test" />

    <corners android:radius="@dimen/corner_radius_outside" />
</shape>

实际渲染时，子元素（如示例中的Text）会超出圆角范围显示，无法被裁剪。

在Android 12及以下版本中，仅通过XML背景设置圆角无法自动裁剪子元素内容。这是因为Glance在低版本系统中，XML背景的圆角仅作用于背景绘制，不会触发容器的裁剪行为。

要实现子元素也被圆角裁剪，可尝试以下方案：

• 搭配使用GlanceModifier.clip(RoundedCornerShape(...))与背景设置，不过Glance beta-01版本在低版本系统中，该修饰符的兼容性可能存在局限；
• 若clip修饰符直接使用无效，可通过自定义Glance Composable，在底层View层面设置clipToOutline = true（需确保背景为Shape类型），借助Glance的自定义View适配能力实现裁剪。

需要注意的是，Glance beta版本在低版本系统的API兼容性上存在不足，部分修饰符行为可能不如正式版本稳定。

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