Android compose使用glide加载网络图片的代码
使用 Glide 在 Android Compose 中加载网络图片的代码如下所示:
首先,确保在项目的 build.gradle 文件中添加 Glide 的依赖:
implementation 'com.github.bumptech.glide:glide:4.12.0'
kapt 'com.github.bumptech.glide:compiler:4.12.0'
然后,创建一个 Composable 函数,该函数接受一个图片 URL,并使用 Glide 加载和显示图片:
@Composable
fun NetworkImage(url: String) {
val imageBitmap = remember { mutableStateOf<Bitmap?>(null) }
LaunchedEffect(url) {
val bitmap = withContext(Dispatchers.IO) {
Glide.with(LocalContext.current)
.asBitmap()
.load(url)
.submit()
.get()
}
imageBitmap.value = bitmap
}
imageBitmap.value?.let { bitmap ->
Image(
bitmap = bitmap.asImageBitmap(),
contentDescription = null,
contentScale = ContentScale.Crop,
modifier = Modifier.fillMaxSize()
)
}
}
在上面的代码中,我们使用 remember 和 mutableStateOf 来存储加载的图片,以便在加载完成后更新 UI。然后使用 LaunchedEffect 来执行异步加载操作,并在加载完成后更新图片的值。最后,使用 Image 组件来显示加载的图片。
最后,在您的 Composable 函数中调用 NetworkImage 函数来加载网络图片:
@Composable
fun MyScreen() {
NetworkImage(url = "https://example.com/image.jpg")
}
这样,Glide 就会加载并显示网络图片。请确保替换 URL 为您自己的网络图片 URL
原文地址: https://www.cveoy.top/t/topic/hSSn 著作权归作者所有。请勿转载和采集!