Jetpack Compose中如何为Image组件设置drawable资源作为背景？

方案1：使用drawBehind修饰符直接绘制背景（推荐） #

该方案直接在原有Image的Modifier上扩展实现，不需要修改Image核心参数，侵入性最低

Image(
    painter = painterResource(id = R.drawable.app_logo),
    contentDescription = null,
    modifier = Modifier
        .height(160.dp)
        .width(160.dp)
        .padding(32.dp)
        // 核心新增代码：绘制背景drawable
        .drawBehind {
            val backgroundPainter = painterResource(id = R.drawable.drawable_black_circle)
            // 背景尺寸匹配当前Image组件尺寸
            with(backgroundPainter) {
                draw(size = this@drawBehind.size)
            }
        },
)

drawBehind修饰符的绘制顺序早于Image自身的内容绘制，刚好实现背景层效果，不需要嵌套任何外层组件。

方案2：组合Painter作为Image的输入源 #

该方案将背景和前景的绘制逻辑封装为统一Painter，直接传入Image的painter参数

// 先构建复合Painter
val combinedPainter = remember {
    object : Painter() {
        private val backgroundPainter = painterResource(id = R.drawable.drawable_black_circle)
        private val foregroundPainter = painterResource(id = R.drawable.app_logo)

        override val intrinsicSize: Size
            get() = foregroundPainter.intrinsicSize

        override fun DrawScope.onDraw() {
            // 先绘制背景层
            backgroundPainter.draw(size = size)
            // 再绘制前景logo层
            foregroundPainter.draw(size = size)
        }
    }
}

// 直接传入复合Painter到Image组件
Image(
    painter = combinedPainter,
    contentDescription = null,
    modifier = Modifier
        .height(160.dp)
        .width(160.dp)
        .padding(32.dp),
)

两种方案均不需要嵌套任何外层Composable组件，所有逻辑直接作用于Image本身，完全符合需求。

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