当前位置:首页 > 谈天说地 > 正文内容

Android图片加载框架Coil的详细使用总结

34资源网2022年07月29日 10:12531

简介

coil 是一个 android 图片加载库,通过 kotlin 协程的方式加载图片。特点如下:

  • 更快: coil 在性能上有很多优化,包括内存缓存和磁盘缓存,把缩略图存保存在内存中,循环利用 bitmap,自动暂停和取消图片网络请求等。
  • 更轻量级: coil 只有2000个方法(前提是你的 app 里面集成了 okhttp 和 coroutines),coil 和 picasso 的方法数差不多,相比 glide 和 fresco 要轻量很多。
  • 更容易使用: coil 的 api 充分利用了 kotlin 语言的新特性,简化和减少了很多样板代码。
  • 更流行: coil 首选 kotlin 语言开发并且使用包含 coroutines, okhttp, okio 和 androidx lifecycles 在内最流行的开源库。
    coil 名字的由来:取 coroutine image loader 首字母得来。

github:https://github.com/coil-kt/coil

文档:https://coil-kt.github.io/coil/image_loaders/

添加依赖:

implementation("io.coil-kt:coil:1.4.0")

简单使用

// url
imageview.load("https://www.example.com/image.jpg")

// resource
imageview.load(r.drawable.image)

// file
imageview.load(file("/path/to/image.jpg"))

// and more...

可以使用 lambda 语法轻松配置请求选项:

imageview.load("https://www.example.com/image.jpg") {
    crossfade(true) //渐进进出
    placeholder(r.drawable.image) //加载中占位图
    transformations(circlecroptransformation())  //圆形图
    error(r.drawable.image) //加载错误占位图
}

高斯模糊

//正常图片
mbinding.image1.load(imageurl)

//高斯模糊-轻微模糊
mbinding.image11.load(imageurl) {
     transformations(blurtransformation(this@mainactivity, 5f, 10f))
     scale(scale.fill)
}

//高斯模式-严重模糊
mbinding.image12.load(imageurl) {
     transformations(blurtransformation(this@mainactivity, 20f, 40f))
     scale(scale.fill)
 }

效果图:

圆角

        //没有圆角
        mbinding.image1.load(imageurl){
            transformations(roundedcornerstransformation())
            scale(scale.fill)
        }

        //圆角一样
        mbinding.image11.load(imageurl) {
            transformations(roundedcornerstransformation(20f))
            scale(scale.fill)
        }

        //圆角不一样
        mbinding.image12.load(imageurl) {
            transformations(
                roundedcornerstransformation(
                    topleft = 20f,
                    topright = 20f,
                    bottomleft = 50f,
                    bottomright = 50f
                )
            )
            scale(scale.fill)
        }

效果图:

圆形

布局文件

<imageview
     android:id="@+id/image1"
     android:layout_gravity="center"
     android:layout_width="150dp"
     android:layout_height="150dp" />

代码:

mbinding.image1.load(imageurl){
     transformations(circlecroptransformation())
     scale(scale.fill)
}

效果图:

灰色变换 grayscaletransformation

简单来说就是把彩色图变成灰色的

mbinding.image1.load(imageurl) {
    transformations(grayscaletransformation())
}

效果图:

gif

添加依赖

implementation("io.coil-kt:coil-gif:1.4.0")

官方文档:https://coil-kt.github.io/coil/gifs/

创建 gif imageloader 实例

val imageloader = imageloader.builder(context)
    .componentregistry {
        if (sdk_int >= 28) {
            add(imagedecoderdecoder(context))
        } else {
            add(gifdecoder())
        }
    }
    .build()
    
 //设置全局唯一实例
 coil.setimageloader(imageloader)

加载 gif 图片:

mbinding.image1.load(gifurl)

效果图如下:

监听下载过程

mbinding.image1.load(imageurl) {
      listener(
           onstart = { request ->
               log.d("coil-", "onstart")
            },
           onerror = { request, throwable ->
               log.d("coil-", "onerror")
           },
           oncancel = { request ->
               log.d("coil-", "oncancel")
           },
           onsuccess = { request, metadata ->
               log.d("coil-", "onsuccess")
           }
       )
}

取消下载

val imageurl = "https://t7.baidu.com/it/u=433422559,1779762296&fm=193&f=gif"

val disposable = mbinding.image1.load(imageurl)

//取消加载
disposable.dispose()

替换 okhttp 实例

coil 底层是使用 okhttp 作为网络请求工具,可以设置 okhttpclient 实例

val okhttpclient = okhttpclient.builder()
       .cache(coilutils.createdefaultcache(this))
       .build()

val imageloader = imageloader.builder(this).okhttpclient {
     okhttpclient
}.build()
        
coil.setimageloader(imageloader)

自定义

  val okhttpclient = okhttpclient.builder()
            .cache(coilutils.createdefaultcache(this))
            .build()

        val imageloader = imageloader.builder(this)
            .availablememorypercentage(0.2)
            .diskcachepolicy(cachepolicy.enabled)  //磁盘缓策略 enabled、read_only、write_only、disabled
            .crossfade(true) //淡入淡出
            .crossfade(1000)  //淡入淡出时间
            .okhttpclient {  //设置okhttpclient实例
                okhttpclient
            }.build()

        coil.setimageloader(imageloader)

availablememorypercentage 设置用于此 imageloader 的内存缓存和位图池的可用内存百分比,范围:0-1 , 如果为0 , 则禁用内存缓存。

默认行为:

memorycachepolicy 内存缓存策略,有4中策略,默认为 cachepolicy.enabled

diskcachepolicy 磁盘缓存策略,方式和内存策略一直

crossfade 开启淡入淡出

coil 源码分析

coil 是一个单例类

总结

到此这篇关于android图片加载框架coil详细使用的文章就介绍到这了,更多相关android图片加载框架coil内容请搜索萬仟网以前的文章或继续浏览下面的相关文章希望大家以后多多支持萬仟网!

看完文章,还可以用支付宝扫描下面的二维码领取一个支付宝红包,目前可领1-88元不等

支付宝红包二维码

除了扫码可以领取之外,大家还可以(复制 720087999 打开✔支付宝✔去搜索, h`o`n.g.包哪里来,动动手指就能领)。

看下图所示是好多参与这次活动领取红包的朋友:

支付宝红包

扫描二维码推送至手机访问。

版权声明:本文由34楼发布,如需转载请注明出处。

本文链接:https://www.34l.com/post/20002.html

分享给朋友:

相关文章

用白面书生造句,看看这七句有哪句适合你?
用白面书生造句,看看这七句有哪句适合你?

1、他是个手无缚鸡之力的白面书生。2、别看他文绉绉的像个白面书生,一上足球场勇猛非凡,踢起球来可狠了。3、那个白面书生经不起严刑拷打,向敌人投降了。4、我一个白面书生,又手无寸铁,怎敢和那几个黑脸大汉较真呢!5、新时代的大学生不是白面书生,...

一场关于元宇宙公司之死的剧本杀
一场关于元宇宙公司之死的剧本杀

编者按:本文来自脑极体,创业邦经授权发布。 2021年,被称作元宇宙元年。这种结合了区块链、虚拟现实、增强现实多种技术的概念,据称能够提供社交、娱乐、电商多种功能。美国彭博社称,元宇宙的市场规模将在2024年将达到8000亿美元。而就在2...

现在农村做什么暴利比较好(农村适合的创业项目推荐)
现在农村做什么暴利比较好(农村适合的创业项目推荐)

在农村农民买东西的主要途径是农村赶集,这时候很多人会批发了东西来到农村集上去卖,这属小本暴利行业,可以赚不少钱。那么,农村赶集摆摊什么暴利?赶集卖什么利润大?下面一起来了解一下。 在农村赶集也是有不少工具可以售卖的,无外乎想要销量好的最...

区块链开发技术有前景吗(区块链技术开发费用)

由于人们对大数据、区块链、人工智能行业的认识越来越深入,企业可以通过大数据、区块链、人工智能等思维和技术寻求变革。传统行业依靠原有产业优势“后来居上”,低调布局区块链技术,传统产业企业和科技企业同时进入产业区块链赛道。在区块链发展报告中,...

豆瓣直播,谁会买单?
豆瓣直播,谁会买单?

图源:摄图网 编者按:本文来自微信公众号连线Insight(ID:lxinsight),作者:张霏,编辑:李信,创业邦经授权转载 被外界视为低调的豆瓣从不缺关注。 昨晚,#豆瓣已暂停小组回复功能#和#国家网信办依法约谈处罚豆瓣网#双双...

最赚钱的职业有哪些(目前最赚钱的十大行业)
最赚钱的职业有哪些(目前最赚钱的十大行业)

那我们就一起来看看未来最赚钱的几个行业吧! 只有正确的方向,才可以产生成功的结果。那样,对于创业者来说,现在还有未来10年里,有哪些新行业是值得我们期待的?现在,新兴产业还有机遇越来越多。要是能抓住’风口’,努力拼搏,人生’逆袭’不难...