Android图片加载框架之Glide的使用

最新推荐文章于 2024-05-18 09:34:15 发布
最新推荐文章于 2024-05-18 09:34:15 发布
阅读量917 收藏 1
点赞数
分类专栏： 我的Android之路 文章标签： Glide图片加载 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wen_haha/article/details/86429965
版权

简介

         对于Glide这个图片加载框架，相信很多人都在使用，我以前一直用的Picasso，相比于Picasso而言，Glide功能更加丰富。Glide是在泰国举行的谷歌开发者论坛上，谷歌为我们介绍了一个名叫 Glide 的图片加载库，作者是bumptech。这个库被广泛的运用在google的开源项目中，包括2014年google I/O大会上发布的官方app。

特点

（1）使用简单。

（2）可配置度高，自适应程度高。

（3）支持常见图片格式 Jpg、png、gif、webp。

（4）支持多种数据源  网络、本地、资源、Assets 等。

（5）高效缓存策略    支持Memory和Disk图片缓存 默认Bitmap格式采用RGB_565内存使用至少减少一半。

（6）生命周期集成   根据Activity/Fragment生命周期自动管理请求。

（7）高效处理Bitmap  使用Bitmap Pool使Bitmap复用，主动调用recycle回收需要回收的Bitmap，减小系统回收压力。

下载地址

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

Glide的使用

配置

①.在app/build.gradle文件当中添加如下依赖：

  compile 'com.github.bumptech.glide:glide:4.8.0'
  annotationProcessor 'com.github.bumptech.glide:compiler:4.8.0'

②.在清单文件中添加需要的权限

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

Glide.with()使用

①with(Context context). 

使用Application上下文，Glide请求将不受Activity/Fragment生命周期控制。

②with(Activity activity).

使用Activity作为上下文，Glide的请求会受到Activity生命周期控制。

③with(FragmentActivity activity).

Glide的请求会受到FragmentActivity生命周期控制。

④with(android.app.Fragment fragment).

Glide的请求会受到Fragment 生命周期控制。

⑤with(android.support.v4.app.Fragment fragment).

Glide的请求会受到Fragment生命周期控制。

简单使用

①.加载网络图片

 Glide.with(this)
                .load("http://img1.imgtn.bdimg.com/it/u=2615772929,948758168&fm=21&gp=0.jpg")
                .apply(options)
                .into(mIvPhoto);

②.加载SD卡中图片

  String path = Environment.getExternalStorageDirectory()+"/zshz/yule/ktv/xgn.jpg";
        File file = new File(path);
        Uri uri = Uri.fromFile(file);
        Glide.with(this)
                .load(uri)
                .apply(options)
                .into(mIvPhoto);

③.加载资源中的图片

Glide.with(this)
               .load(R.drawable.tupian)
               .apply(options)
               .into(mIvPhoto);

④.加载网络gif动图

Glide.with(this)
                .load("http://img.mp.itc.cn/upload/20161115/6163765431c44d538b37d6efb32ee885_th.jpg")
                .apply(options)
                .into(mIvPhoto);

⑤.加载本地gif动图

Glide.with(this)
                .load(R.drawable.gif)
                .apply(options)
                .into(mIvPhoto);

⑥.设置缩略图比例

 Glide.with(this)
                .load(R.drawable.tupian)
                .thumbnail(0.1f)
                .apply(options)
                .into(mIvPhoto);

⑦.在recyclerView中加载图片

 // 初始化RecyclerView
        RecyclerViewAdapter adapter=new RecyclerViewAdapter(this);
        mRecyclerView.setAdapter(adapter);
        mRecyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false));

在adapter中调用Glide加载图片

RequestOptions options = new RequestOptions()
                .centerCrop()
                .fitCenter()
                .override(width,height)
                .placeholder(R.mipmap.ic_launcher)
                .error(R.mipmap.ic_launcher);
        Glide.with(mContext)
                .load(mDatas[position])
                .apply(options)
                .into(holder.mIvAdapterPhoto);

⑧.在recyclerView中变换图片

  变换图片需要在app/build.gradle文件当中添加如下依赖：

 //添加变换库
    implementation 'jp.wasabeef:glide-transformations:4.0.0'
    implementation 'jp.co.cyberagent.android:gpuimage:2.0.0'

具体实现代码如下:

 case 1:
                int width1 = Utils.dip2px(mContext, 133.33f);
                int height1 = Utils.dip2px(mContext, 126.33f);
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions().override(width1, height1)
                                .bitmapTransform(new MaskTransformation(R.drawable.mask_starfish)))
                        .into(holder.mIvTransformPhoto);
                break;

            case 2:
                int width = Utils.dip2px(mContext, 150.0f);
                int height = Utils.dip2px(mContext, 100.0f);
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions().centerCrop() .override(width, height).bitmapTransform(
                                new MaskTransformation(R.drawable.mask_chat_right)))
                        .into(holder.mIvTransformPhoto);
                break;

            case 3:
                Glide.with(mContext)
                        .load(R.drawable.tan)
                        .apply(new RequestOptions().bitmapTransform(
                                new CropTransformation( 300, 100, CropTransformation.CropType.TOP)))
                        .into(holder.mIvTransformPhoto);
                break;
            case 4:
                Glide.with(mContext)
                        .load(R.drawable.tan)
                        .apply(new RequestOptions().bitmapTransform(new CropTransformation(300, 100)))
                        .into(holder.mIvTransformPhoto);
                break;
            case 5:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions() .bitmapTransform(
                                new CropTransformation( 300, 100, CropTransformation.CropType.BOTTOM)))

                        .into(holder.mIvTransformPhoto);

                break;
            case 6:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions().bitmapTransform(new CropSquareTransformation()))
                        .into(holder.mIvTransformPhoto);
                break;
            case 7:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions().bitmapTransform(new CropCircleTransformation()))
                        .into(holder.mIvTransformPhoto);
                break;
            case 8:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions().bitmapTransform(new ColorFilterTransformation( Color.argb(80, 255, 0, 0))))
                        .into(holder.mIvTransformPhoto);
                break;
            case 9:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions().bitmapTransform(new GrayscaleTransformation()))
                        .into(holder.mIvTransformPhoto);
                break;
            case 10:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions() .bitmapTransform(new RoundedCornersTransformation(30, 0,
                                RoundedCornersTransformation.CornerType.BOTTOM)))
                        .into(holder.mIvTransformPhoto);
                break;
            case 11:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions().bitmapTransform(new BlurTransformation(25)))
                        .into(holder.mIvTransformPhoto);
                break;
            case 12:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions().bitmapTransform(new ToonFilterTransformation()))
                        .into(holder.mIvTransformPhoto);
                break;
            case 13:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions().bitmapTransform(new SepiaFilterTransformation()))
                        .into(holder.mIvTransformPhoto);
                break;
            case 14:
                Glide.with(mContext)
                        .load(R.drawable.tan)
                        .apply(new RequestOptions().bitmapTransform(new ContrastFilterTransformation(2.0f)))
                        .into(holder.mIvTransformPhoto);
                break;
            case 15:
                Glide.with(mContext)
                        .load(R.drawable.tan)
                        .apply(new RequestOptions().bitmapTransform(new InvertFilterTransformation()))
                        .into(holder.mIvTransformPhoto);
                break;
            case 16:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions(). bitmapTransform(new PixelationFilterTransformation( 20)))
                        .into(holder.mIvTransformPhoto);
                break;
            case 17:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions().bitmapTransform(new SketchFilterTransformation()))
                        .into(holder.mIvTransformPhoto);
                break;
            case 18:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions().bitmapTransform( new SwirlFilterTransformation(0.5f, 1.0f, new PointF(0.5f, 0.5f))))
                        .into(holder.mIvTransformPhoto);
                break;
            case 19:
                Glide.with(mContext)
                        .load(R.drawable.tupian)
                        .apply(new RequestOptions(). bitmapTransform(new BrightnessFilterTransformation(0.5f)))
                        .into(holder.mIvTransformPhoto);
                break;
            case 20:
                Glide.with(mContext)
                        .load(R.drawable.tan)
                        .apply(new RequestOptions().bitmapTransform(new KuwaharaFilterTransformation( 25)))
                        .into(holder.mIvTransformPhoto);
                break;
            case 21:
                Glide.with(mContext)
                        .load(R.drawable.tan)
                        .apply(new RequestOptions().bitmapTransform(new VignetteFilterTransformation( new PointF(0.5f, 0.5f),
                        new float[]{0.0f, 0.0f, 0.0f}, 0f, 0.75f)))
                        .into(holder.mIvTransformPhoto);
                break;

缓存策略

①禁止内存缓存： .skipMemoryCache(true)

②清除内存缓存：  Glide.get(context).clearMemory();// 必须在UI线程中调用

③设置缓存策略：

.DiskCacheStrategy.ALL //缓存源资源和转换后的资源
.DiskCacheStrategy.NONE//不做任何磁盘缓存
.DiskCacheStrategy.RESULT //缓存转换后的资源
.DiskCacheStrategy.SOURCE缓存源资源

④清除磁盘缓存： Glide.get(applicationContext).clearDiskCache();// 必须在后台线程中调用，建议同时clearMemory()

⑤获取缓存大小：

class GetDiskCacheSizeTask extends AsyncTask<File, Long, Long> {
private final TextView resultView;

public GetDiskCacheSizeTask(TextView resultView) {
    this.resultView = resultView;
}

@Override
protected void onPreExecute() {
    resultView.setText("Calculating...");
}

@Override
protected void onProgressUpdate(Long... values) { /* onPostExecute(values[values.length - 1]); */ }

@Override
protected Long doInBackground(File... dirs) {
    try {
        long totalSize = 0;
        for (File dir : dirs) {
            publishProgress(totalSize);
            totalSize += calculateSize(dir);
        }
        return totalSize;
    } catch (RuntimeException ex) {
        final String message = String.format("Cannot get size of %s: %s", Arrays.toString(dirs), ex);
        new Handler(Looper.getMainLooper()).post(new Runnable() {
            @Override
            public void run() {
                resultView.setText("error");
                Toast.makeText(resultView.getContext(), message, Toast.LENGTH_LONG).show();
            }
        });
    }
    return 0L;
}

@Override
protected void onPostExecute(Long size) {
    String sizeText = android.text.format.Formatter.formatFileSize(resultView.getContext(), size);
    resultView.setText(sizeText);
}

private static long calculateSize(File dir) {
    if (dir == null) return 0;
    if (!dir.isDirectory()) return dir.length();
    long result = 0;
    File[] children = dir.listFiles();
    if (children != null)
        for (File child : children)
            result += calculateSize(child);
    return result;
}
}

⑥指定资源的优先加载顺序：

//优先加载
    Glide
        .with(context)
        .load(heroImageUrl)
        .priority(Priority.HIGH)
        .into(imageViewHero);
    //后加载
    Glide
        .with(context)
        .load(itemImageUrl)
        .priority(Priority.LOW)
        .into(imageViewItem);

总结

Glide是一款很强大的图片加载框架，功能齐全，希望我这篇博客对大家学习Glide有帮助。

下载

CSDN：https://download.csdn.net/download/wen_haha/10917436

Github：https://github.com/kongkongdaren/GlideDemo
   

请叫我空空大人
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Glide环境搭建
bdmh的专栏
10-09 408
当然如果我们要对Glide做一些全局的设置，或者替换已有的框架，比如想把网络框架替换为自己的（如okhttp，volley等），这些后面会陆续讲解。上面就是一个最基本的应用，从网络下载一个图像，然后显示到imageView中。使用Glide，需要引入几个包，在gradle文件中引入。有了上面的内容，Glide最常用的功能就可以使用了。Glide.with有很多重载，后面我们会详细说。这些设置在RequestOptions中体现。Glide的gitHub地址。
Android框架-----图片加载框架Glide的使用
陈某狗
05-07 285
在开发App时经常会需要去加载图片，github上有很好的图片加载框架，所以本篇是针对Glide图片加载框架的学习笔记。Glide的网址是：https://github.com/bumptech/glide 。github里面有讲解如何使用，所以这里简单讲解一下 1.加载第三方库 在app/build.gradle中 implemen...
Android中Glide实现超简单的图片下载功能
01-20
本文介绍了Glide实现超简单的图片下载功能，具体步骤如下： 添加依赖 compile 'com.github.bumptech.glide:glide:3.7.0' 添加权限 <uses android:name=android.permission.INTERNET/> <uses android:name=android.permission.WRITE_EXTERNAL_STORAGE/> <uses-permission android:name=android.permission.READ_EXTERNAL_STOR
推荐开源项目：GlideWebpDecoder - 带动态效果的Android WebP图像加载库
最新发布
gitblog_00035的博客
05-18 593
推荐开源项目：GlideWebpDecoder - 带动态效果的Android WebP图像加载库 项目地址:https://gitcode.com/zjupure/GlideWebpDecoder 在移动应用开发中，优化图片资源的加载速度和内存占用是至关重要的。GlideWebpDecoder 是一个针对 Android 平台的 Glide 扩展库，它专门为解码和显示 WebP 格式的图像提供支...
Glide图片框架
weixin_46987432的博客
09-12 2781
Glide图片框架
探索Android开源框架 - 4. Glide使用及源码解析
o118abcdef的博客
10-15 682
使用 1. 添加依赖 implementation 'com.github.bumptech.glide:glide:4.12.0' annotationProcessor 'com.github.bumptech.glide:compiler:4.12.0' 2. 基础使用 加载图片 Glide.with(this) .load(imgUrl) .into(imageView1) 取消加载 Glide.with(this).clear(imageView1) 实际上，当 G
Android Glide 源码阅读笔记（一）
yihanss的博客
01-22 954
是 中的老牌网络图片加载库，虽然年纪比较大，但是它和很多新生代的网络图片加载库相比在各方面依然不落下风。它的友好的使用 、优秀的内存管理和对 中特有组建生命周期处理等等优点依然是许多 开发者目前会优先选择使用 的理由。同样 中的优秀设计在我们实际开发中也是有可以借鉴的地方，所以从本篇文章开始分析 的源码。 初始化 如果要使上面的初始化代码生效，必须在添加依赖时添加注解处理器。 如果需要替换 的网络请求为 时，需要添加 的迁移依赖，如果需要使用自定义的 ，就需要做类似于上面代码中 方法
Glide使用详解
liuye066的专栏
11-20 667
Gradle配置： compile'com.github.bumptech.glide:glide:4.8.0' annotationProcessor 'com.github.bumptech.glide:compiler:4.8.0' 添加访问网络权限 <uses-permission android:name="android.permission.I...
Android 图片加载框架之Glide
weixin_39492854的博客
04-03 430
一、简介 在泰国举行的谷歌开发者论坛上，谷歌为我们介绍了一个名叫 Glide 的图片加载库，作者是bumptech。这个库被广泛的运用在google的开源项目中，包括2014年google I/O大会上发布的官方app。 （1）使用简单 （2）可配置度高，自适应程度高 （3）支持常见图片格式，Jpg png gif webp ...
Android图片加载框架Glide使用总结
Maniu_666的博客
03-30 780
当加载网络图片时，由于加载过程中图片未能及时显示，此时可能需要设置等待时的图片，通过placeHolder()方法。如果使用的是RecyclerView，可以在Adapter的onBindViewHolder方法中使用。当加载图片失败时，通过error(Drawable drawable)方法设置加载失败后的图片显示。图片的缩放，centerCrop()和fitCenter()仅仅缓存最终的图像，即降低分辨率后的（或者是转换后的）使用Glide结合列表的样式进行图片加载。7) 显示本地视频。
Android图片加载缓存框架Glide
09-02
【Android图片加载缓存框架Glide详解】 Glide是一款由bumptech开发并维护的高效、易用的Android图片加载库，它已经被Google官方推荐用于Android应用中的图片加载和缓存。Glide的设计目标是简化图片加载过程，提高...
Android图片加载框架Glide的基本用法介绍
01-04
Glide是一款图片加载框架，可以在Android平台上以简单的方式加载和展示图片。 dependencies { compile 'com.github.bumptech.glide:glide:3.7.0' } 在清单文件中加入权限 <uses android:name=android.permission....
Android Glide图片加载(加载监听、加载动画)
09-01
在Android开发中，图片加载库Glide是一款非常流行的图片加载框架，它以其高效、简洁的API赢得了开发者们的喜爱。在本文中，我们将深入探讨如何在Android应用中使用Glide进行图片加载，包括加载监听和加载动画的实现...
Glide知识简介
qq_41821190的博客
11-19 2165
首先Glide是Google为我们推荐的一个快速高效的图片加载库，使用简单。 第一步：添加依赖： //glide的依赖 implementation 'com.github.bumptech.glide:glide:4.9.0' annotationProcessor 'com.github.bumptech.glide:compiler:4.9.0' 简单使用：一行代码即可搞定： //一行代码搞定的方法 Glide.with(上下文).load(url地址).into(im...
Glide 4.12.0使用
yijiaodingqiankun的博客
02-15 4944
前两天更新了Android Studio，更新到了4.1.2，这一版的支持库是AndroidX，相应的之前的项目中的很多第三方也需要更新一下，我之前Glide用的3.8.0，现在已经到4.12.0了，是不是更新的很快，这也很让人痛苦，我需要做很多别的事情，然而还得不停的更新一下第三方的依赖等。好了，说正题吧，今天我们来说一下Glide4.12.0如何使用。 依赖： implementation 'com.github.bumptech.glide:glide:4.12.0' annotatio.
android 图片加载库 Glide 的使用介绍
weixin_34347651的博客
04-18 430
一：简介 在泰国举行的谷歌开发者论坛上，谷歌为我们介绍了一个名叫 Glide 的图片加载库，作者是bumptech。这个库被广泛的运用在google的开源项目中，包括2014年google I/O大会上发布的官方app。  https://github.com/bumptech/glide 二：使用   dependencies { compile 'com.github...
报错修改
flphehei的博客
01-24 1172
导入xutils.jar包时，需要在 在相应的module下的build.gradle中加入： android { useLibrary ‘org.apache.http.legacy’ } 注意放置的位置：是在android {}中
关于com.github.bumptech.glide:glide:4.7.1的GlideApp生成的问题
热门推荐
weixin_39237314的博客
11-01 1万+
1、在app-model的gradle中添加       2、再manifest中添加权限 3、自定义一个类，如下 4、make project
Glide4.0+使用
HUandroid的博客
12-24 828
Glide使用以及注意点 前言 都2020年了，还讲Glide的使用确实很过时，而且网上文章和官方文档一大堆，不过，在使用中往往也只用到那几句话，但是遇到的实际问题确实很多。想小记一下，怕自己忘记了。 使用 导包 api 'com.github.bumptech.glide:glide:4.9.0' api 'com.github.bumptech.glide:disklrucache:4.9.0' api 'com.github.bumptech.glide:annotations:4
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值