Android:Glide使用

图片加载很是重要,我也对比过别的库,觉得还是Glide好用,我只是简单的分享下我开发用到的相关使用方法

如果想深入研究下可以参考Glide最全解析

Glide的配置

配置很简单,只要在Module的Gradle添加依赖即可

compile 'com.github.bumptech.glide:glide:3.7.0'
compile 'com.android.support:support-v4:25.3.0'

当然,如果涉及到网络加载图片,记得添加网络权限

<uses-permission android:name="android.permission.INTERNET" />

Glide的使用

初始化

Glide支持Activity和Fragment的绑定

Glide.with(Context context);
Glide.with(Activity activity);
Glide.with(FragmentActivity activity);
Glide.with(Fragment fragment);

将Activity/Fragment作为with()参数的好处是:图片加载会和Activity/Fragment的生命周期保持一致

加载资源

Glide支持网络资源、assets资源、Resources资源、File资源、Uri资源、字节数组

Glide.with(this).load("http://pic9/258/a2.jpg").into(iv);
Glide.with(this).load("file:///xxx.jpg").into(iv);
Glide.with(this).load(R.mipmap.ic_launcher).into(iv);
Glide.with(this).load(file).into(iv);
Glide.with(this).load(uri).into(iv);
Glide.with(this).load(byte[]).into(iv);

加载gif图片

  • 加载静态gif图片(静态就是gif相当于一张图片)
Glide.with(this).load(imageUrl).asBitmap().into(iv);
  • 加载动态gif图片(gif是动的)
Glide.with(this).load(imageUrl).asGif().into(iv);
  • 显示本地视频

Glide 还能显示视频!只要他们是存储在手机上的。假设你通过让用户选择一个视频后得到了一个文件路径:

String filePath = "/storage/emulated/0/Pictures/example_video.mp4";
Glide .with( context )
    .load( Uri.fromFile(new File( filePath)))
    .into( iv);

这里需要注意的是,这仅仅对本地视频起作用。如果没有存储在该设备上的视频(如一个网络 URL 的视频),它是不工作的!

设置加载中和加载失败的图片

  • 设置加载中图片
.placeholder(R.drawable.placeholder)
  • 设置加载失败图片
.error(R.drawable.error)
  • 设置缩略图支持
//先加载缩略图 然后在加载全图
Glide.with(this)
    .load(imageUrl)
    .thumbnail(0.1f)
    .into(iv);

设置加载动画

  • 默认是淡入淡出动画
Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .crossFade(int duration)//去减慢(或加快)动画
    .into(iv);
  • 使用 crossFade()
Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .crossFade()//动画默认的持续时间是 300毫秒
    .into(iv);
  • 添加自定义动画
Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .animate(R.anim.fade_in)
    .into(iv);
  • 去除动画
Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .dontAnimate()
    .into(iv);

缩放图像

  • CenterCrop 即缩放图像至填充到ImageView内,裁剪额外的部分。ImageView会完全填充,但图像可能不会显示不全。
Glide.with(this)
    .load(url)
    .centerCrop ()
    .into(iv);
  • fitCenter() 图片会按照imageview长宽中最小的边界作为依据,按比例缩放图像。该图像将会完全显示,但可能不会填满整个 ImageView。
Glide.with(this)
    .load(url)
    .fitCenter()
    .into(iv);

设置监听回调

Glide.with(this)
    .load(imageUrl)
    .listener(RequestListener listener)
    .into(iv);

设置加载尺寸

  • 指定尺寸(图片大小在xml中不能写死,是wrap_content才可以指定尺寸)
Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .override(600,600)
    .into(iv);

设置缓存策略

  • 设置跳过内存缓存
Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .skipMemoryCache(true)
    .into(iv);
  • 设置缓存策略
Glide.with(this)
    .load("http://nm/photo/1f/1f7a.jpg")
    .diskCacheStrategy(DiskCacheStrategy.ALL)
    .into(iv);
DiskCacheStrategy.ALL //缓存源资源和转换后的资源
DiskCacheStrategy.NONE//不做任何磁盘缓存
DiskCacheStrategy.RESULT //缓存转换后的资源
DiskCacheStrategy.SOURCE缓存源资源
  • 清理磁盘缓存
Glide.get(this).clearDiskCache();//在子线程中进行
  • 清理内存缓存
Glide.get(this).clearMemory();//可以在主线程
  • 设置磁盘缓存目录和图片效果(默认Bitmap格式是RGB_565)
  1. 在AndroidManifest中application节点下:
<!--glide缓存目录设置-->
<meta-data
    android:name="包名.widget.GlideModuleConfig"
    android:value="GlideModule" />
  1. 创建类GlideModuleConfig
public class GlideModuleConfig implements GlideModule {
    @Override
    public void applyOptions(Context context, GlideBuilder builder) {
        //内部存储/Android/data/包名/cache/glide-images
        builder.setDiskCache(new ExternalCacheDiskCacheFactory(context, "glide-images", 2 * 1024 * 1024));
        //将默认的RGB_565效果转换到ARGB_8888
        builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888);
    }

    @Override
    public void registerComponents(Context context, Glide glide) {
        //不做处理
    }
}

BitmapTransformation

Glide在Github上还有一个库,可以处理图片效果,比如裁剪、圆角、高斯模糊等等

  • 引入依赖库
compile 'jp.wasabeef:glide-transformations:2.0.1'
  • 实现高斯模糊
//radius取值1-25,值越大图片越模糊
Glide.with(context)
    .load(url)
    .bitmapTransform(new BlurTransformation(context, radius))
    .into(iv);
  • 原图基础上变换设置圆形图
Glide.with(context)
    .load(url)
    .bitmapTransform(new CropCircleTransformation(this))
    .into(iv);
  • 原图基础上变换成圆图 +毛玻璃(高斯模糊)
Glide.with(this)
    .load(url)
    .bitmapTransform(new BlurTransformation(this, 25), new CropCircleTransformation(this))
    .into(iv);
  • 原图处理成圆角
//如果是四周已经是圆角则RoundedCornersTransformation.CornerType.ALL
Glide.with(this)
    .load(url)
    .bitmapTransform(new RoundedCornersTransformation(this, 30, 0, RoundedCornersTransformation.CornerType.BOTTOM))
    .into(iv);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容