Glide图片框架

迷南。 2023-09-27 09:30 110阅读 0赞

## 一、Glide基本使用与占用符 ##

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

### **2.Glide导入**  ###

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

### 3.Glide简单使用 ###

mImage = findViewById(R.id.image);
            //with传递的参数.就是跟哪一个对象的生命周期绑定在一起.
            //如果Activity退出和销毁那么Glide就会自动保存到内存中进行管理.也不会帮助我们再显示这张图片了
            //Glide大量的减少了oom的可能
            Glide.with(this)
                    .load("https://www.wikihow.com/images_en/thumb/d/db/Get-the-URL-for-Pictures-Step-2-Version-6.jpg/v4-460px-Get-the-URL-for-Pictures-Step-2-Version-6.jpg.webp")
                    .into(mImage);

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

### 4.Glide占位图 ###

**Glide占位图的使用方法,包括placeholder,error,fallback三种占位图**  
**placeholder**: 正在请求时展示的图片  
**error**: 如果请求失败时展示的图片(如果没有设置,还是显示placeholder)  
**fallback**: 如果请求的url/model为null的时候展示的图片(如果没有设置,还是显示placeholder)

#### 使用方式: ####

override是图片没有设定宽高或者想重新指定宽高使用  
当运行过之后保存到本地,不会显示占位图,因为在本地加载是非常快速的.

RequestOptions requestOptions = new RequestOptions()
                    .placeholder(R.drawable.placeholder)
                    .error(R.drawable.error)
                    .fallback(R.drawable.fallback)
                    .override(100, 100);
            //with传递的参数.就是跟哪一个对象的生命周期绑定在一起.
            //如果Activity退出和销毁那么Glide就会自动保存到内存中进行管理.也不会帮助我们再显示这张图片了
            //Glide大量的减少了oom的可能
            Glide.with(this)
                    .load("https://www.wikihow.com/images_en/thumb/d/db/Get-the-URL-for-Pictures-Step-2-Version-6.jpg/v4-460px-Get-the-URL-for-Pictures-Step-2-Version-6.jpg.webp")
                    .apply(requestOptions)
                    .into(mImage);

## 二、过渡与变换 ##

### 1.过渡效果 ###

当图片加载中会显示占位图,当占位图转换成我们想要的图片的时候可以做一个图片的过度效果  
下面为交叉淡入的默认实现

//transition方法
            Glide.with(this)
                    .load("https://www.wikihow.com/images_en/thumb/d/db/Get-the-URL-for-Pictures-Step-2-Version-6.jpg/v4-460px-Get-the-URL-for-Pictures-Step-2-Version-6.jpg.webp")
                    .apply(requestOptions)
                    .transition(DrawableTransitionOptions.withCrossFade(fadeFactory))
                    .into(mImage);

有可能出现占位图显示在了ImageView上面通过下面解决.

DrawableCrossFadeFactory fadeFactory =
                    new DrawableCrossFadeFactory.Builder().setCrossFadeEnabled(true).build();
            Glide.with(this)
                    .load("https://www.wikihow.com/images_en/thumb/d/db/Get-the-URL-for-Pictures-Step-2-Version-6.jpg/v4-460px-Get-the-URL-for-Pictures-Step-2-Version-6.jpg.webp")
                    .apply(requestOptions)
                    .transition(DrawableTransitionOptions.withCrossFade(fadeFactory))
                    .into(mImage);

### 2.变换效果 ###

获取资源并修改它,然后返回被修改后的资源.  
通常变换操作是用来完成裁剪或对位图应用过滤器  
比如图片进行圆角配置  
**CircleCrop** 圆角  
**RoundedCorners** 四个角度统一固定  
**GranularRoundedCorners** 四个角度单独指定  
**Rotate** 旋转  
**变化效果使用对于PNG不可用,对于JPG可以**

//transform方法
            Glide.with(this)
                    .load("https://www.wikihow.com/images_en/thumb/d/db/Get-the-URL-for-Pictures-Step-2-Version-6.jpg/v4-460px-Get-the-URL-for-Pictures-Step-2-Version-6.jpg.webp")
                    .apply(requestOptions)
                    .transition(DrawableTransitionOptions.withCrossFade(fadeFactory))
                    .transform(new Rotate(180))
                    .into(mImage);

## 三、Generated API ##

### 1. ###

(1).添加Glide注解处理器的依赖(最开始项目中就会引用这个依赖)

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

(2).在Application模块中包含一个AppLideModule的实现(空类里面啥也不用写写好了之后make一下就会出现了GlideApp):

@GlideModule
    public class MyAppGlideModule extends AppGlideModule {
    }

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

GlideApp.with(this)
                    .load("")
                    .placeholder(R.drawable.placeholder)
                    .into(mImage);

### 2.可以把除了变换效果单独提取进行配置 ###

再创建下面类,可以把除了变换效果的方法提取到下面static方法中

@GlideExtension
    public class MyAppException {
        private MyAppException() {
    
        }
    
        @GlideOption
        public static BaseRequestOptions<?> defaultImg(BaseRequestOptions<?> options) {
            return options.placeholder(R.drawable.a)
                    .error(R.drawable.a)
                    .fallback(R.drawable.a);
        }
    }

然后引用

GlideApp.with(this)
                    .load("")
                    .defaultImg()
                    .into(mImage);