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-kkdWQSIX-1713705635059)]

观察加载状态变化

开发者可以使用 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 中提供了开发版本的快照。每一次提交，快照都会更新。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

尾声

评论里面有些同学有疑问关于如何学习material design控件，我的建议是去GitHub搜，有很多同行给的例子，这些栗子足够入门。

有朋友说要是动真格的话，需要NDK以及JVM等的知识，首现**NDK并不是神秘的东西，**你跟着官方的步骤走一遍就知道什么回事了，无非就是一些代码格式以及原生/JAVA内存交互，进阶一点的有原生/JAVA线程交互，线程交互确实有点蛋疼，但平常避免用就好了，再说对于初学者来说关心NDK干嘛，据鄙人以前的经历，只在音视频通信和一个嵌入式信号处理（离线）的两个项目中用过，嵌入式信号处理是JAVA->NDK->.SO->MATLAB这样调用的我原来MATLAB的代码，其他的大多就用在游戏上了吧，一般的互联网公司会有人给你公司的SO包的。
至于JVM,该掌握的那部分，相信我，你会掌握的，不该你掌握的，有那些专门研究JVM的人来做，不如省省心有空看看计算机系统，编译原理。

一句话，平常多写多练，这是最基本的程序员的素质，尽量挤时间，读理论基础书籍，JVM不是未来30年唯一的虚拟机，JAVA也不一定再风靡未来30年工业界，其他的系统和语言也会雨后春笋冒出来，但你理论扎实会让你很快理解学会一个语言或者框架，你平常写的多会让你很快熟练的将新学的东西应用到实际中。
初学者，一句话，多练。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

用到实际中。**
初学者，一句话，多练。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！