Android的图片加载之Glide
2021-10-11 15:03:40

Image的scaleType认识

Bitmap加载进ImageView，为什么会形状各异，是因为设置了不同的缩放方式，设置ImageView填充方式的前提是使用src作为设置图片的来源，否则的话，会导致图片填充方式设置无效的情况。

• scaleType=“matrix” 是保持原图大小、从左上角的点开始，以矩阵形式绘图。
• scaleType=“fitXY” 是将原图进行横方向（即XY方向）的拉伸后绘制的。
• scaleType=“fitStart” 是将原图沿左上角的点（即matrix方式绘图开始的点），按比例缩放原图绘制而成的。
• scaleType=“fitCenter” 是将原图沿上方居中的点（即matrix方式绘图第一行的居中的点），按比例缩放原图绘制而成的。
• scaleType=“fitEnd” 是将原图沿下方居中的点（即matrix方式绘图最后一行的居中的点），按比例缩放原图绘制而成的。
• scaleType=“Center” 是保持原图大小，以原图的几何中心点和ImagView的几何中心点为基准，只绘制ImagView大小的图像。
• scaleType=“centerCrop” 不保持原图大小，以原图的几何中心点和ImagView的几何中心点为基准，只绘制ImagView大小的图像（以填满ImagView为目标，对原图进行裁剪）。
• scaleType=“centerInside” 不保持原图大小，以原图的几何中心点和ImagView的几何中心点为基准，只绘制ImagView大小的图像（以显示完整图片为目标，对原图进行缩放）。

Glide

导入依赖的库
implementation 'com.github.bumptech.glide:glide:4.12.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.12.0'

直接使用Glide

//配置请求的参数
RequestOptions options = RequestOptions
                .centerCropTransform()//.centerCrop().autoClone();
                .centerCrop()//指定图片缩放类型
                .fitCenter()//指定图片缩放类型
                .circleCrop()
                .centerInside()
                .override(300, 300)//指定图片大小
                .placeholder(R.drawable.ic_launcher_background)//定义View的占位符
                .error(R.drawable.ic_launcher_background)//定义错误图片资源
                .diskCacheStrategy(DiskCacheStrategy.NONE)//定义缓存策略
                .priority(Priority.HIGH)//优先级
                .format(DecodeFormat.PREFER_RGB_565)//下载图片类型
                .skipMemoryCache(true);//跳过内存缓存
        //缓存策略 ALL(所有的图像) NONE(不缓存) DATA(原数据) RESOURCE(转换之后的资源) AUTOMATIC(自适应)

        Glide.with(view)//配置相应的界面生命周期
                .applyDefaultRequestOptions(options)
                .asBitmap()
                .load(url)
                .into(view);//调用对应的bitmap到view中

使用Glide扩展

第一步 生成全局的Glide对象

@GlideModule
public class XXAppGlideModule extends AppGlideModule {
}

第二步配置Glide的扩展

@GlideExtension
public class XXGlideExtension {
    private XXGlideExtension() {
    }

    /**
     * 全局统一配置
     *
     * @param options options
     */
    @GlideOption
    public static BaseRequestOptions<?> injectOptions(BaseRequestOptions<?> options) {
        return options.placeholder(R.drawable.ic_loading)
                .timeout(3000)
                .error(R.drawable.ic_load_failed);
    }

    /**
     * 圆形图片扩展
     *
     * @param options options
     * @return circle options
     */
    @GlideOption
    public static BaseRequestOptions<?> myCircleOptions(BaseRequestOptions<?> options) {
        return injectOptions(options)
                .circleCrop();
    }
}

第三步 使用全局的Glide对象，记得要重新编译才能生成Glide的扩展

GlideApp.with(this)
                .load(imageUrl)
                .myCircleOptions()//injectOptions()
                .into(imageView);