Android Jetpack Compose：图片填充最大尺寸且边框仅环绕图片

直接给你可行的实现方案，核心思路是让边框容器自适应图片大小，同时把它放在一个占满Column分配空间的容器里居中：

Column(
    modifier = Modifier.fillMaxSize(),
    verticalArrangement = Arrangement.Center
) {
    // 其他内容...

    // 占满Column剩余空间的容器
    Box(
        modifier = Modifier.weight(1f).fillMaxSize(),
        contentAlignment = Alignment.Center // 让内部的边框和图片居中
    ) {
        // 双层边框容器，自适应图片大小
        Box(
            modifier = Modifier
                .border(width = 2.dp, color = Color.Black) // 外层黑色边框
                .padding(36.dp) // 黑白边框之间的36dp空隙
                .border(width = 2.dp, color = Color.Green) // 内层绿色边框
                .wrapContentSize() // 关键：让边框容器只包裹内部图片的大小
        ) {
            Image(
                painter = painterResource(id = R.drawable.your_image),
                contentDescription = "动态图片",
                modifier = Modifier.fillMaxSize(),
                contentScale = ContentScale.Fit // 保证图片按比例填充，不会变形
            )
        }
    }

    // 其他内容...
}

关键点解释： #

• 外层的Box(Modifier.weight(1f).fillMaxSize())负责占满Column分配的空间，并用contentAlignment让内部内容居中。
• 双层边框的Box用wrapContentSize()，确保它的大小由内部图片决定，不会被拉伸到外层容器的大小。
• Image的ContentScale.Fit保证图片在边框容器内按比例填充最大可用空间，适配动态变化的图片尺寸。

这样既保留了你要的双层边框样式，又能让图片在Column的分配空间里居中并填充最大合理尺寸，边框会自动适配图片的大小，不会撑满整个Column容器。

内容的提问来源于stack exchange，提问作者Muhammad As'ad Muyassir