Jetpack Compose中VideoView圆角失效求助：已试Clip与Card方案

原因是AndroidView承载的原生VideoView不受Compose层级的clip修饰符直接影响，尤其是硬件加速场景下，原生View的绘制会绕过Compose的裁剪逻辑。以下是两种可行的解决方式：

方法一：用Compose Surface配合透明背景裁剪 #

通过Surface的裁剪能力，同时将原生VideoView的背景设为透明，避免原生背景覆盖裁剪效果：

@Composable
fun VideoView(videoSource: String, modifier: Modifier = Modifier) {
    Surface(
        modifier = modifier,
        shape = RoundedCornerShape(16.dp),
        clip = true
    ) {
        AndroidView(modifier = Modifier.fillMaxSize(), factory = { context ->
            android.widget.VideoView(context).apply {
                setVideoPath(videoSource)
                setOnCompletionListener { start() }
                // 关键：设置背景透明，防止原生View背景透出
                setBackgroundColor(android.graphics.Color.TRANSPARENT)
                start()
            }
        })
    }
}

方法二：给原生VideoView设置OutlineProvider（原生层级裁剪） #

直接在原生VideoView上设置圆角裁剪，完全绕开Compose层级的限制，兼容性更好：

@Composable
fun VideoView(videoSource: String, modifier: Modifier = Modifier) {
    AndroidView(modifier = modifier.fillMaxSize(), factory = { context ->
        android.widget.VideoView(context).apply {
            setVideoPath(videoSource)
            setOnCompletionListener { start() }
            
            // 开启原生裁剪
            clipToOutline = true
            val cornerRadius = 16.dp * context.resources.displayMetrics.density
            outlineProvider = object : ViewOutlineProvider() {
                override fun getOutline(view: View, outline: Outline) {
                    outline.setRoundRect(0, 0, view.width, view.height, cornerRadius)
                }
            }
            
            start()
        }
    })
}

注意：如果使用方法二，确保你的VideoView没有设置超出裁剪范围的背景或边框，否则会破坏圆角效果。

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