如何在Kotlin Multiplatform Desktop中加载本地位图作为应用背景？

加载resources目录下的本地位图 #

如果你的图片放在项目的src/main/resources目录中（比如background.png），可以通过loadImageBitmap直接将其转为ImageBitmap，再配合BitmapPainter使用：

import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.painter.BitmapPainter
import androidx.compose.ui.res.loadImageBitmap

@Composable
fun AppBackground() {
    // 从resources加载位图，注意路径以"/"开头
    val backgroundBitmap = loadImageBitmap(
        javaClass.getResourceAsStream("/background.png") ?: error("背景图片未找到")
    )
    
    Image(
        painter = BitmapPainter(backgroundBitmap),
        contentDescription = "应用背景",
        modifier = Modifier.fillMaxSize()
    )
}

加载文件系统中的本地位图 #

如果图片是存储在本地文件系统的任意路径，直接读取文件流即可：

import java.io.File

// 示例：读取指定路径的图片文件
val localImageFile = File("/Users/xxx/Documents/background.png")
val localBitmap = loadImageBitmap(localImageFile.inputStream())

注意事项 #

• 实际项目中避免直接用!!，建议用?:配合异常处理，防止资源加载失败导致崩溃
• 若要将图片作为页面背景，可使用Box组件将Image放在最底层，其他UI元素叠加在上方：

import androidx.compose.foundation.layout.Box
import androidx.compose.material.Text
import androidx.compose.ui.Alignment

@Composable
fun MainScreen() {
    Box(modifier = Modifier.fillMaxSize()) {
        AppBackground()
        Text(text = "这是叠加在背景上的内容", modifier = Modifier.align(Alignment.Center))
    }
}

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