文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

[Android]图片加载库Glide

2023-09-22 14:23

关注

目录

Glide的介绍

 Glide的基本使用 

 指定图片的格式

Glide占位符

 指定图片的大小

 过渡动画

图片变换

Generated API


Glide的介绍


Glide是一个快速高效的Android图片加载库,可以自动加载网络,本地文件,app资源中的文件,注重于平滑的滚动。

开源地址:https://github.com/bumptech/glide

中文文档:https://muyangmin.github.io/glide-docs-cn/

添加依赖

implementation 'com.github.bumptech.glide:glide:4.11.0'

添加网络权限

 Glide的基本使用 


加载图片: 

       val imageview:ImageView=findViewById(R.id.imageview)        Glide.with(this)            .load("https://images.pexels.com/photos/10396930/pexels-photo-10396930.jpeg?cs=srgb&dl=pexels-valeriia-miller-10396930.jpg&fm=jpg")            .into(imageview)

下面我们来看一下这些方法的解析吧

Glide.with()方法用于创建一个加载图片的实例

with()方法可以接收Context,Activity,Fragment类型的参数,这个参数的生命周期将会和加载的图片绑定在一起,如果传递的是activity,那么这个图片是和activity绑定在一起的,activity退出销毁,那么Glide就会把图片加入到它的内存之中管理,也不会去显示这张图片了。 

load()方法用于指定待加载的图片资源,包括网络图片,本地图片,应用资源,二进制流,Uri对象等。

into()方法,希望图片显示在哪个ImageView,就把这个ImageView的实例传进去。

 

 指定图片的格式


在with()方法的后面加入一个asBitmap()方法,就表示强制指定加载静态图片。

在with()方法的后面加入一个asGif()方法,就表示强制指定加载动态图片。

在with()方法的后面加入一个asFile()方法,就表示强制指定加载文件格式。

在with()方法的后面加入一个asDrawable()方法,就表示强制指定加载Drawable格式。

Glide占位符


Glide4中占位符的使用方法,包括(placeholder,error,fallback)三种占位符

placeholder   正在请求图片的时候展示的图片

error             如果请求失败的时候展示的图片(如果没有设置,还是展示placeholder的占位符)

fallback       如果请求的url/model为null的时候展示的图片(如果没有设置,还是展示placeholder的占位符)

val requestOption:RequestOptions=RequestOptions()            .placeholder(R.drawable.load)            .error(R.drawable.error)            .fallback(R.drawable.fallback)        val imageview:ImageView=findViewById(R.id.imageview)         Glide.with(this)            .load("https://images.pexels.com/photos/10396930/pexels-photo-10396930.jpeg?cs=srgb&dl=pexels-valeriia-miller-10396930.jpg&fm=jpg")            .apply(requestOption)            .into(imageview)

 指定图片的大小


Glide不会直接将图片的完整尺寸全部加载到内存中,而是用多少加载多少,Glide会自动判断ImageView的大小,然后只将这么大的图片像素加载到内存当中,帮助我们节省开支。

Glide提供override方法指定图片的尺寸,Glide就只会将图片加载成100*100像素的尺寸,而不会管ImageView的大小。

val requestOption:RequestOptions=RequestOptions()            .placeholder(R.drawable.load)            .error(R.drawable.error)            .fallback(R.drawable.fallback)            .override(100,100)

 过渡动画


定义Glide如何从占位符到新加载的图片,或从缩略图到全尺寸图片过渡

交叉淡入(避免占位图还能显示)

 val factory:DrawableCrossFadeFactory=DrawableCrossFadeFactory.Builder()            .setCrossFadeEnabled(true)            .build()
Glide.with(this)            .load("https://images.pexels.com/photos/10396930/pexels-photo-10396930.jpeg?cs=srgb&dl=pexels-valeriia-miller-10396930.jpg&fm=jpg")            .apply(requestOption)             .transition(DrawableTransitionOptions.withCrossFade(factory))            .into(imageview)

图片变换


获取资源并修改它,然后返回被修改后的资源,通常交换操作是用来完成裁剪或对位图应用过滤器。比如对图片进行圆角配置。

CircleCrop:圆角

RoundedCorners:四个角统一指定

GranularRoundedCorners:四个角度单独指定

Rotate:旋转

下面我们来试试

CircleCrop:圆角

Glide.with(this)            .load("https://images.pexels.com/photos/10396930/pexels-photo-10396930.jpeg?cs=srgb&dl=pexels-valeriia-miller-10396930.jpg&fm=jpg")            .apply(requestOption)             .transform(CircleCrop())             .into(imageview)

RoundedCorners:四个角统一指定

 

 Glide.with(this)            .load("https://images.pexels.com/photos/10396930/pexels-photo-10396930.jpeg?cs=srgb&dl=pexels-valeriia-miller-10396930.jpg&fm=jpg")            .apply(requestOption)             .transform(RoundedCorners(80))             .into(imageview)

GranularRoundedCorners:四个角度单独指定

 

Glide.with(this)            .load("https://images.pexels.com/photos/10396930/pexels-photo-10396930.jpeg?cs=srgb&dl=pexels-valeriia-miller-10396930.jpg&fm=jpg")            .apply(requestOption)             .transform(GranularRoundedCorners(30f,80f,80f,30f))             .into(imageview)

 4.Rotate:旋转

Glide.with(this)            .load("https://images.pexels.com/photos/10396930/pexels-photo-10396930.jpeg?cs=srgb&dl=pexels-valeriia-miller-10396930.jpg&fm=jpg")            .apply(requestOption)             .transform(Rotate(90))             .into(imageview)

Generated API

添加Glide注解处理器的依赖:

plugins {    ...    id 'kotlin-kapt'}dependencies {...kapt 'com.github.bumptech.glide:compiler:4.9.0'}

新建MyAppModule继承自AppGlideModule,并添加@GlideModule注解:

@GlideModuleclass MyAppModule: AppGlideModule() {}

然后点击Build->Make Module'Glide.app.main',就会自动生成GlideApp类

此时我们能够更简单的完成占位符等配置

GlideApp.with(this)            .load("https://images.pexels.com/photos/10396930/pexels-photo-10396930.jpeg?cs=srgb&dl=pexels-valeriia-miller-10396930.jpg&fm=jpg")            .placeholder(R.drawable.load)

来源地址:https://blog.csdn.net/weixin_63357306/article/details/128953338

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯