Glide

最新推荐文章于 2023-05-09 21:03:22 发布

原创最新推荐文章于 2023-05-09 21:03:22 发布 · 332 阅读

0 ·

CC 4.0 BY-SA版权

Android开发框架专栏收录该内容

9 篇文章

订阅专栏

本文全面解析Glide图片加载库的使用方法，包括依赖添加、权限配置、常见API调用，如加载不同来源的图片、设置占位图、图片大小及格式控制等。对比Glide与Picasso，阐述Glide在内存管理、缓存策略、图片质量等方面的优势。

Glide 的github链接
 Glide使用学习链接

1. Glide使用准备

1.添加依赖

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

2.添加网络权限

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

2. 常用方法

1、加载图片到imageView

Glide.with(Context context).load(Strint url).into(ImageView imageView);

2、各种形式的图片加载到ImageView

// 加载本地图片
File file = new File(getExternalCacheDir() + "/image.jpg");
Glide.with(this).load(file).into(imageView);

// 加载应用资源
int resource = R.drawable.image;
Glide.with(this).load(resource).into(imageView);

// 加载二进制流
byte[] image = getImageBytes();
Glide.with(this).load(image).into(imageView);

// 加载Uri对象
Uri imageUri = getImageUri();
Glide.with(this).load(imageUri).into(imageView);

3、加载带有占位图
占位图目的为在目的图片还未加载出来的时候，提前展示给用户的一张图片；

Glide.with(this).load(url).placeholder(R.drawable.loading).into(imageView);

4、加载失败放置占位符

Glide.with(this).load(url).placeholder(R.drawable.loading).error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)//关闭Glide的硬盘缓存机制
     .into(imageView);
     
//DiskCacheStrategy.NONE： 表示不缓存任何内容。
//DiskCacheStrategy.SOURCE： 表示只缓存原始图片。
//DiskCacheStrategy.RESULT： 表示只缓存转换过后的图片（默认选项）。
//DiskCacheStrategy.ALL ： 表示既缓存原始图片，也缓存转换过后的图片。

5、加载指定格式的图片–指定为静止图片

Glide.with(this)
     .load(url)
     .asBitmap()//只加载静态图片，如果是git图片则只加载第一帧。
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

6、加载动态图片

Glide.with(this)
     .load(url)
     .asGif()//加载动态图片，若现有图片为非gif图片，则直接加载错误占位图。
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

7、加载指定大小的图片

Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .override(100, 100)//指定图片大小
     .into(imageView);

8、关闭框架的内存缓存机制

Glide.with(this)
     .load(url)
     .skipMemoryCache(true)  //传入参数为false时，则关闭内存缓存。
     .into(imageView);

9、关闭硬盘的缓存

Glide.with(this)
     .load(url)
     .diskCacheStrategy(DiskCacheStrategy.NONE)     //关闭硬盘缓存操作
     .into(imageView);

//其他参数表示：
//DiskCacheStrategy.NONE： 表示不缓存任何内容。
//DiskCacheStrategy.SOURCE： 表示只缓存原始图片。
//DiskCacheStrategy.RESULT： 表示只缓存转换过后的图片（默认选项）。
//DiskCacheStrategy.ALL ： 表示既缓存原始图片，也缓存转换过后的图片。

10.利用Glide将图片加载到不同控件或加载成不同使用方式
(1)拿到图片实例

//1、通过自己构造 target 可以获取到图片实例
SimpleTarget<GlideDrawable> simpleTarget = new SimpleTarget<GlideDrawable>() {
    @Override
    public void onResourceReady(GlideDrawable resource, GlideAnimation glideAnimation) {
        imageView.setImageDrawable(resource);
    }
};

//2、将图片实例记载到指定的imageview上，也可以做其他的事情
public void loadImage(View view) {
    String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
    Glide.with(this)
         .load(url)
         .into(simpleTarget);
}

(2)将图片加载到任何位置

//将图片加载为控件背景
public class MyLayout extends LinearLayout {

    private ViewTarget<MyLayout, GlideDrawable> viewTarget;
    public MyLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        viewTarget = new ViewTarget<MyLayout, GlideDrawable>(this) {
            @Override
            public void onResourceReady(GlideDrawable resource, GlideAnimation glideAnimation) {
                MyLayout myLayout = getView();
                myLayout.setImageAsBackground(resource);
            }
        };
    }

    public ViewTarget<MyLayout, GlideDrawable> getTarget() {
        return viewTarget;
    }

    public void setImageAsBackground(GlideDrawable resource) {
        setBackground(resource);
    }
}

//引用图片到指定控件作为背景
public class MainActivity extends AppCompatActivity {

    MyLayout myLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myLayout = (MyLayout) findViewById(R.id.background);
    }

    public void loadImage(View view) {
        String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
        Glide.with(this)
             .load(url)
             .into(myLayout.getTarget());
    }
}

11.Glide 实现预加载

//a、预加载代码
Glide.with(this)
     .load(url)
     .diskCacheStrategy(DiskCacheStrategy.SOURCE)
     .preload();

preload() 有两种重载
1、带有参数的重载,参数作用是设置预加载的图片大小；
2、不带参数的表示加载的图片为原始尺寸；

//b、使用预加载的图片
Glide.with(this)
     .load(url)
     .diskCacheStrategy(DiskCacheStrategy.SOURCE)
     .into(imageView);

12.Glide 实现图片下载
使用 downloadOnly(int width, int height) 或 downloadOnly(Y target) 方法替代 into(view) 方法。

public void downloadImage(View view) {
    new Thread(new Runnable() {
        @Override
        public void run() {
            try {
                String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
                final Context context = getApplicationContext();
                FutureTarget<File> target = Glide.with(context)
                                                 .load(url)
                                                 .downloadOnly(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL);
                final File imageFile = target.get();
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, imageFile.getPath(), Toast.LENGTH_LONG).show();
                    }
                });
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }).start();
}

有两个参数的 downloadOnly(int width, int height) 方法表示指定下载尺寸，用于在子线程内进行下载；
一个参数的 downloadOnly(Y target) 方法在主线程内进行下载
target.get() 方法可以获取到下载文件保存路径；

使用下载完的图片的方式

public void loadImage(View view) {
    String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
    Glide.with(this)
            .load(url)
            .diskCacheStrategy(DiskCacheStrategy.SOURCE)
            .into(imageView);
}

注意： diskCacheStrategy() 方法的参数应该为 DiskCacheStrategy.SOURCE 或者 DiskCacheStrategy.ALL否则可能导致加载图片到控件的时候，需要重新加载。

13.监听 Glide 加载的状态

public void loadImage(View view) {
    String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
    Glide.with(this)
            .load(url)
            .listener(new RequestListener<String, GlideDrawable>() {
                @Override
                public boolean onException(Exception e, String model, Target<GlideDrawable> target,
                    boolean isFirstResource) {
                    return false;
                }

                @Override
                public boolean onResourceReady(GlideDrawable resource, String model,
                    Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
                    return false;
                }
            })
            .into(imageView);
}

onException() 方法表示加载失败，onResourceReady() 表示加载成功；
每个方法都有一个 boolean 的返回值，false表示未处理、true 表示处理。

14.Glide的图形变换功能
(1)禁用图形变换功能

Glide.with(this)
     .load(url)
     .dontTransform()
     .into(imageView);

这个方法是全局的，导致其他地方的图片也不可进行图形变换了。

Glide.with(this)
     .load(url)
     .override(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL)
     .into(imageView);

通过 override() 方法设置大小

(2)简单的图形变换

Glide.with(this)
     .load(url)
     .centerCrop()
     .into(imageView);

Glide.with(this)
     .load(url)
     .fitCenter()
     .into(imageView);

通过 centerCrop()方法按照原始的长宽比充满全屏和 fitCenter() 方法对原图的中心区域进行裁剪对图片进行相关设置。

(3)override() 方法与 centerCrop() 方法配合使用

String url = "http://cn.bing.com/az/hprichbg/rb/AvalancheCreek_ROW11173354624_1920x1080.jpg";
Glide.with(this)
     .load(url)
     .override(500, 500)
     .centerCrop()
     .into(imageView);

功能引申：
(1) 借助glide-transformations此新依赖库
依赖库链接
(2)Glide的自定义模块功能
(3)带进度的Glide图片加载功能
(4)Glide4的使用
Glide最全解析

3. Glide和Picasso的比较

Glide的with方法不但接受Context，还接受Activity和Fragment，这样的好处是图片加载会和Activity/fragment的生命周期保持一致。
Glide默认加载Bitmap的时候会使用RGB_565格式，而Picasso会默认使用ARGB8888格式，这样的话，Glide比Picasso的内存开销要小一半，但是清晰度会低于Picasso，不过可以设置一个GlideMoudle将加载出来的RGB_565格式转为ARGB8888格式，这样虽然会增加Glide消耗的内存（大概两倍）,不过仍然还是远低于Picasso消耗的内存的
加载图片的时候，Picasso默认会加载全尺寸的图片，而Glide会根据需要填充的View的大小来决定需要加载图片的尺寸，因此消耗的内存更少。不过Picasso也可以指定加载图片的尺寸，不过需要多一步计算，当计算完成后两者消耗内存接近，不过相比之下还是Glide效率更高，因为它会自动计算出任意情况下的ImageView的尺寸
磁盘缓存方面： Picasso会缓存全尺寸的图片（只缓存一次，在需要的时候会取出然后调整大小再填充所以会比Glide慢），而Glide缓存的是跟ImageView尺寸相同的，而且加载的是RGB_565格式，缓存的就是该格式，不过Glide的缓存，不同尺寸会分别缓存一次，这样的话各个尺寸都会存在缓存，可以通过下面代码修改缓存方式：

Glide.with(this)
     .load("http://nuuneoi.com/uploads/source/playstore/cover.jpg")
     .diskCacheStrategy(DiskCacheStrategy.ALL)
     .into(ivImgGlide);

下次在任何ImageView中加载图片的时候，全尺寸的图片将从缓存中取出，重新调整大小，然后缓存。这样显示的时候直接从缓存找到合适大小的图片。Glide的这种方式优点是加载显示非常快。而Picasso的方式则因为需要在显示之前重新调整大小而导致一些延迟，即使使用Picasso.noFade()让其立即显示。

Glide可以加载Gif图，而Picasso却不行，但是Glide加载Gif图的时候会消耗大量的内存，除了gif动画之外，Glide还可以将任何的本地视频解码成一张静态图片。
此外，Glide还可以配置图片显示的动画，而Picasso只有一种动画：fading in。
Glide和Picasso都是非常完美的库。Glide加载图像以及磁盘缓存的方式都要优于Picasso，速度更快，并且Glide更有利于减少OutOfMemoryError的发生，GIF动画是Glide的杀手锏。不过Picasso的图片质量更高，建议是使用Glide，但是将Bitmap格式换成 ARGB_8888、让Glide缓存同时缓存全尺寸和改变尺寸两种。