Accompanist组件库中文指南 - Glide篇

import androidx.compose.foundation.Image
import com.google.accompanist.glide.rememberGlidePainter

Image(
painter = rememberGlidePainter(
“https://picsum.photos/300/300”,
fadeIn = true
),
contentDescription = stringResource(R.string.image_content_desc),
)

自定义内容

有时开发者可能希望在图片加载时显示占位图片或者在图片加载失败时显示失败提示图片，rememberGlidePainter() 返回的 painter 是一个 LoadPainter 实例，ImageLoadState 有四种状态：Empty、Loading、Success 和 Error，分别对应着初始状态、加载状态、加载成功和加载失败。开发者可以根据需要显示不同的内容：

val painter = rememberGlidePainter(“https://picsum.photos/300/300”)
Box {
Image(
painter = painter,
contentDescription = stringResource(R.string.image_content_desc),
)

when (painter.loadState) {
is ImageLoadState.Loading -> {
// Display a circular progress indicator whilst loading
CircularProgressIndicator(Modifier.align(Alignment.Center))
}
is ImageLoadState.Error -> {
// If you wish to display some content if the request fails
}
}
}

预览

为了支持 Android Studio 的 Composable Previews 功能，开发者可以通过 previewPlaceholder 参数传入一个图片资源 ID ，以便 Android Studio 预览布局时有图片展示：

Image(
painter = rememberGlidePainter(
request = “https://picsum.photos/300/300”,
previewPlaceholder = R.drawable.placeholder,
),
contentDescription = stringResource(R.string.image_content_desc),
)

如果引用的 drawable 仅用于 previewPlaceholder，则可以将其放置在 debug 构建变体的资源中，例如：app/debug/res/drawable/，通过这种操作将 drawable 捆绑在调试版本中，同时也将其排除至发布版本外。

GIF

Accompanist Glide 通过 Glide 内置 GIF 支持实现 GIF 图片加载。默认支持，无需额外配置。

[外链图片转存中…(img-FP5TAv2G-1714378670862)]

观察加载状态变化

开发者可以使用 snapshotFlow() 来观察 painter.loadState的变化情况，以此实现对图片加载状态的监听，然后根据需要调整代码逻辑：

val painter = rememberGlidePainter(“https://image.url”)

LaunchedEffect(painter) {
snapshotFlow { painter.loadState }
.filter { it.isFinalState() }
.collect { result ->
// TODO do something with result
}
}

Image(painter = painter)

自定义 RequestManager

如果开发者希望在所有rememberGlidePainter() 调用中使用同一个默认的 RequestManager ，就请使用 LocalRequestManager。

示例如下：

val requestManager = Glide.with(…)
// customize the RequestManager as needed
.build()

CompositionLocalProvider(LocalRequestManager provides requestManager) {
// This will automatically use the value of LocalRequestManager
Image(
painter = rememberGlidePainter(…)
)
}

更多有关 CompositionLocal 的信息，请参见此处。
Download

repositories {
mavenCentral()
}
dependencies {
implementation “com.google.accompanist:accompanist-glide:”
}
Sonatype’s snapshots repository 中提供了开发版本的快照。每一次提交，快照都会更新。

尾声

开发是需要一定的基础的，我是08年开始进入Android这行的，在这期间经历了Android的鼎盛时期，和所谓的Android”凉了“。中间当然也有着，不可说的心酸，看着身边朋友，同事一个个转前端，换行业，其实当时我的心也有过犹豫，但是我还是坚持下来了，这次的疫情就是一个好的机会，大浪淘沙，优胜劣汰。再等等，说不定下一个黄金浪潮就被你等到了。

• 330页 PDF Android核心笔记

• 几十套阿里 、字节跳动、腾讯、华为、美团等公司2020年的面试题

• PDF和思维脑图，包含知识脉络 + 诸多细节

• Android进阶系统学习视频

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
外链图片转存中…(img-x37ZR4VX-1714378670865)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！