Android官推kotlin-first的图⽚加载库——Coil的使⽤⼊门⽬录
⼀、基本使⽤
⼆、常⽤的 API
ImageLoader
ImageRequest
Disposable
图⽚变换
三、功能拓展
Interceptors
Mappers、Fetchers
Decoders
参考链接
Coil 是⼀个⾮常年轻的图⽚加载库,在 2020 年 10 ⽉ 22 ⽇才发布了 1.0.0 版本,但却受到了 Android 官⽅的推⼴,在Android Developers Backstage 这个博客中专门聊过⼀期。推⼴的原因⽐较简单:⼀⽅⾯是这个库确实做得很好,另⼀⽅⾯是这个库完全是⽤ Kotlin 写的,⽽且运⽤了⼤量 Kotlin 的特性,尤其是协程。所以 Google 嘴上说着不会放弃 Java,但实际上咱们都懂的。
Coil 名字的由来:取 Coroutine Image Loader ⾸字母得来,可以看出通过 Kotlin 协程来进⾏图⽚加载,特点如下:更快:Coil 在性能上有很多优化,包括内存缓存和磁盘缓存、把缩略图保存在内存中、通过 BitmapPool 循环利⽤Bitmap、⾃动暂停和取消⽹络请求等
更轻量级:Coil 只有 2000 个⽅法,跟 Picasso 的⽅法数差不多,相⽐ Glide 和 Fresco 要轻量⾮常多
更容易使⽤:Coil 的 API 充分利⽤ Kotlin 的新特性,⽽且还有丰富的拓展函数,简化和减少了很多样板代码
更流⾏:Coil 通过 Kotlin 来开发,并且使⽤包含 Coroutines、okhttp、okio 和 AndroidX Lifecycles 在内的⾮常多流⾏的开源库
从 Coil 的特性可以看出,这是⼀个⾮常适合个⼈ App 使⽤的图⽚加载库,特别是纯 Kotlin 开发的 Ap
p。⽽且 Coil ⾥⾯运⽤了⼤量 Kotlin 的新特性以及协程,对于我们学习 Kotlin 有⾮常⼤的价值。相⽐于 glide 和 fresco 有着⾮常复杂的结构和惊⼈的代码量,Coil 只有 2000 左右的⽅法数,所以也很适合进⾏源码研究和学习。
⼀、基本使⽤
Coil 可以在 mavenCentral() 下载
implementation("io.coil-kt:coil:1.1.1")
Coil 给 ImageView 加了很多拓展函数,所以我们⼀⾏代码便能进⾏图⽚加载
// URL
imageView.load("ample/image.jpg")
// Resource
imageView.load(R.drawable.image)
// File
imageView.load(File("/path/to/image.jpg"))
同时我们也可以使⽤ lambda 语法轻松进⾏图⽚加载的配置
imageView.load("ample/image.jpg") {
crossfade(true)
placeholder(R.drawable.image)
transformations(CircleCropTransformation())
}
⼆、常⽤的 API
ImageLoader
ImageLoader 是 Coil 中对于图⽚加载的⼤管家,负责处理缓存、数据获取、图像解码、请求管理、Bitmap 缓存池、内存管理
等⼯作,⼀般建议只创建⼀个 ImageLoader 并在 App 中进⾏共享,这样性能是最优的。这是因为每个 ImageLoader 都有⾃⼰的内存缓存和 Bitmap 缓存池。
我们可以通过构造器来创建和配置 ImageLoader。
val imageLoader = ImageLoader.Builder(context)
.availableMemoryPercentage(0.25)
android学习教程
.crossfade(true)
.build()
同时由于 ImageLoader 是⼀个接⼝,也就意味着我们可以⾮常⽅便地进⾏测试,例如可以注⼊⼀个 fake 的 ImageLoader,从⽽每次都返回相同的 drawable。
val fakeImageLoader = object : ImageLoader {
private val drawable = ColorDrawable(Color.BLACK)
override fun enqueue(request: ImageRequest): Disposable {
request.target?.onStart(drawable)
request.target?.onSuccess(drawable)
return disposable
}
override suspend fun execute(request: ImageRequest): ImageResult {
return SuccessResult(
drawable = drawable, request = request,
metadata = ImageResult.Metadata(
memoryCacheKey = MemoryCache.Key(""),
isSampled = false,
dataSource = DataSource.MEMORY_CACHE,
isPlaceholderMemoryCacheKeyPresent = false
)
)
}
}
ImageRequest
ImageRequest 为 ImageLoader 加载图⽚提供所有的必要信息,同时我们也可以使⽤⾃定义的 Target 进⾏处理。
val request = ImageRequest.Builder(context)
.data("ample/image.jpg")
.target { drawable ->
// Handle the result.
}
.build()
queue(request)
ImageRequest 基于 Builder 模式来进⾏创建,包含了加载图⽚的各个配置项,这⾥重点看下最常⽤的配置项
配置项作⽤
context外部传⼊的 Context,⼀般是 ImageView 包含的 Context
data图⽚的地址
target图⽚加载之后的处理类
memoryCachePolicy内存缓存策略
diskCachePolicy磁盘缓存策略
networkCachePolicy⽹络缓存策略
decoder图⽚解码器
fetcher将图⽚地址转换成 BufferedSource 或 Drawable
lifecycle⼀般是对应 Activity 或 Fragment 的 Lifecycle
Disposable
Disposable 是调⽤ load() ⽅法之后的返回值,主要是⽤于取消图⽚加载
interface Disposable {
/**
* 如果图⽚加载请求已经完成或者取消,则返回 true
val isDisposed: Boolean
/**
* 取消正在进⾏的图⽚加载请求以及释放相关的资源,⽽且该⽅法是幂等的
*/
fun dispose()
/**
* ⾮阻塞式地等待任务结束
*/
@ExperimentalCoilApi
suspend fun await()
}
图⽚变换
图⽚变换是图⽚加载库中很常见的功能,Coil 将其抽象成 Transformation 接⼝,可以看到在 transform() ⽅法中有⼀个BitmapPool 参数,这是因为在实现图形变换的时候往往需要⼀个 Bitmap,此时可以直接在 BitmapPool 中获取,从⽽复⽤已有的 Bitmap。
interface Transformation {
fun key(): String
suspend fun transform(pool: BitmapPool, input: Bitmap, size: Size): Bitmap
}
imageView.load("ample/image.jpg") {
transformations(CircleCropTransformation())
}
Coil 主要提供了这⼏个图⽚变换的效果
Tranformation功能
BlurTransformation⾼斯模糊
CircleCropTransformation圆形裁剪
GrayscaleTransformation图⽚置灰
RoundedCornersTransformation添加圆⾓
三、功能拓展
Coil 在提供了很多必要功能的基础上,预留了很多的拓展点给开发者实现⾃定义。Coil 的图⽚加载主要包括四个主要的模块:
模块作⽤
Interceptors,可以对图⽚加载请求进⾏观察、转换和重试
Mappers映射器,实现不同数据类型之间的转换
Fetchers抓取器,将图⽚地址转换成 BufferedSource 或 Drawable
Decoders解码器,实现各种图像格式的解码
Interceptors
Coil 的 Interceptor ⽆疑是借鉴了 okhttp 的设计思路,极⼤⽅便了后续的功能拓展,例如我们可以给 Coil 添加⼀个⾃定义的缓存层
class CustomCacheInterceptor(
private val context: Context,
private val cache: LruCache<String, Drawable>
) : Interceptor {
override suspend fun intercept(chain: Interceptor.Chain): ImageResult {
val value = (String())
if (value != null) {
return SuccessResult(
drawable = Drawable(context),
request = quest,
metadata = TODO()
}
return chain.quest)
}
}
Mappers、Fetchers
外部在调⽤ load() 时,传⼊的 String 参数既可能指向本地资源⽂件,也可能指向⽹络图⽚,Mappers 和 Fetchers 搭配使⽤,可以对资源类型进⾏区分,举个例⼦:
imageView.load("source://example.package.name/drawable/image")
imageView.load("ample/image.jpg")
StringMapper 会将传⼊的 String 转换为对应的 Uri。
internal class StringMapper : Mapper<String, Uri> {
override fun map(data: String) = Uri()
}
ResourceUriFetcher 会判断 Uri 的 scheme 类型是否为 source,是的话代表本地资源⽂件,⽽ HttpUriFetcher 则判断 Uri 的 scheme 是否为 http 或 https,是的话代表⽹络图⽚。
internal class HttpUriFetcher(callFactory: Call.Factory) : HttpFetcher<Uri>(callFactory) {
override fun handles(data: Uri) = data.scheme == "http" || data.scheme == "https"
override fun key(data: Uri) = String()
override HttpUrl(): HttpUrl = (toString())
}
Mapper作⽤
FileUriMapper将 Uri 转换为 File
StringMapper将 String 转换为 Uri
ResourceIntMapper将 @DrawableRes Int 转换为 Resource Uri
ResouceUriMapper将具有资源名称的 source Uri 映射到包含其资源 ID 的 Uri
Decoders
Android ⽀持了很多图像格式,但也有很多它不⽀持的格式(例如:Gif、SVG、视频帧等),所以 Coil 便提供了对应的拓展库
① Gif(GifDecoder ⽀持所有 API 级别,但速度较慢,ImageDecoderDecoder 的加载速度快,但仅在 API 28 及更⾼版本可⽤)
implementation("io.coil-kt:coil-gif:1.1.1")
val imageLoader = ImageLoader.Builder(context)
ponentRegistry {
if (SDK_INT >= 28) {
add(ImageDecoderDecoder())
} else {
add(GifDecoder())
}
}
.build()
② SVG(如果请求的 MIME 类型是 image/svg+xml,则会⾃动检测并解码所有 SVG)
implementation("io.coil-kt:coil-svg:1.1.1")
val imageLoader = ImageLoader.Builder(context)
ponentRegistry {
add(SvgDecoder(context))
}
.
build()
③视频帧(仅⽀持 File 和 Uri)
implementation("io.coil-kt:coil-video:1.1.1")
val imageLoader = ImageLoader.Builder(context)
ponentRegistry {
add(VideoFrameFileFetcher())
add(VideoFrameUriFetcher())
}
.build()
参考链接
以上就是Android 官推 kotlin-first 的图⽚加载库——Coil的使⽤⼊门的详细内容,更多关于Android 图⽚加载库——Coil的资料请关注其它相关⽂章!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。