流行框架：Glide的使用

引入依赖

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

Glide占位符

1. placeholder 正在请求图片时展示的图片
2. error 请求失败时展示的图片 （如果没有设置，就展示placeholder占位图）
3. fallback 请求的url为null时展示的图片（如果没有设置，就展示placeholder占位图）

配置占位符的使用：

RequestOptions ro = new RequestOptions()
			.placeholder(图片路径)
    		.error(图片路径)
    		.fallback(图片路径)

具体使用：

Glide.with(fragment/activity/view)
	.load(url)
	.apply(ro)
	.with(imageView);

过渡与转换

过渡：transition

从占位符到新加载的图片的动画

避免占位符在动画后还能显示

DrawableCrossFadeFactory fadeFactory = new DrawableCrossFadeFactory .Builder().setCrossFadeEnabled(true).build();

实现代码

Glide.with(this)
     .load("https://img1.baidu.com/it/u=722430420,1974228945&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500")
     .apply(options)
     .transition(DrawableTransitionOptions.withCrossFade(fadeFactory).crossFade(1000))
     .into(imageView);

转换：transform

1. CircleCrop：圆角
2. RoundedCorners：四个角度统一指定
3. GranulaRoundedCorners：四个角度单独指定
4. Rotate：旋转

实现代码

.transform(new CircleCrop())

Generated API

1. 引入依赖，这个依赖相当于代码生成器

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

2. 在Application中的模块中引入AppGlideModule的实现。（将AppGlideModule配置的项目当中）

   /** * 配置类 */
   @GlideModule
   public class MyAppModule extends AppGlideModule {
         
   }
   

3. 点击Bulid -> Make Module … 进行编译

4. 最后就可以通过GlideApp实现Glide一样的效果，而且只需要在GlideApp上通过 . 的方式实现就行

GlideApp.with(this)
    .load("")
    .placeholder(R.drawable.icon1)
    .error(R.drawable.icon2)
    .fallback(R.drawable.icon3)
    .into(imageView);

GlideExtension和GlideOption

如果选项集合需要频繁使用，可以通过配置类并且写上GlideExtension和GlideOption的注解。

@GlideExtension
public class MyAppExtension {
    

    private MyAppExtension() {
     // 必须是私有的
    }

    @GlideOption
    public static BaseRequestOptions<?> defaultImg(BaseRequestOptions<?> options) {
    
        return options.placeholder(R.drawable.icon1)
                .error(R.drawable.icon2)
                .fallback(R.drawable.icon3);
    }
}

具体使用

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