能否将Jetpack Compose封装到Android原生自定义View中使用？

结论 #

完全可以实现，Jetpack Compose官方已经提供了原生View的封装基类，你不需要手动处理onDraw、onMeasure等底层渲染逻辑即可完成封装。

实现方案 #

方案1：继承官方提供的AbstractComposeView（推荐） #

AbstractComposeView本身就是继承自View的官方基类，内部已经对接了Compose的渲染管道，自动处理测量、布局、绘制全流程，你只需要实现Content()方法编写Compose UI逻辑即可，封装后对外完全是普通原生View的使用形态。

示例代码如下：

class CustomView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : AbstractComposeView(context, attrs, defStyleAttr) {

    // 自定义状态，支持外部更新UI
    private val customText = mutableStateOf("默认文本")

    @Composable
    override fun Content() {
        // 此处编写所有Compose UI逻辑
        Column(
            modifier = Modifier
                .fillMaxSize()
                .padding(16.dp),
            horizontalAlignment = Alignment.CenterHorizontally,
            verticalArrangement = Arrangement.Center
        ) {
            Text(text = customText.value)
            Spacer(modifier = Modifier.height(8.dp))
            Button(onClick = { /* 点击逻辑 */ }) {
                Text(text = "操作按钮")
            }
        }
    }

    // 对外暴露原生View的调用方法，和原有自定义View使用习惯完全一致
    fun updateText(newText: String) {
        customText.value = newText
    }
}

方案2：内部嵌套ComposeView（适合已有继承逻辑无法修改父类的场景） #

如果你的CustomView已经继承了其他自定义View类，无法修改继承关系，可以直接在内部添加ComposeView作为子View，填充满整个父控件即可：

class CustomView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    private val composeView = ComposeView(context).apply {
        layoutParams = LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)
        setContent {
            // 编写Compose UI逻辑
        }
    }

    init {
        addView(composeView)
    }

    // 原有自定义View的其他逻辑保留
}

注意事项 #

• 两种方案封装后的CustomView都可以直接在XML布局中引用，也可以通过代码addView到任意原生ViewGroup中，使用方式和普通自定义View完全一致。
• 自定义属性可以在构造方法中解析AttributeSet，将解析结果作为状态传入Compose代码，即可实现属性驱动UI更新。
• 不需要保留原有手写的onDraw、onMeasure逻辑，Compose渲染管道会自动处理这些流程。

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