Popular framework: the use of glide

Introduce dependencies

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

Glide Place holder

1. placeholder Pictures displayed when requesting pictures
2. error The picture displayed when the request fails （ If not set , On display placeholder Occupation map ）
3. fallback Requested url by null Pictures shown when （ If not set , On display placeholder Occupation map ）

Configure the use of placeholders ：

RequestOptions ro = new RequestOptions()
			.placeholder( Picture path )
    		.error( Picture path )
    		.fallback( Picture path )

Specific use ：

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

Transition and transformation

transition ：transition

Animation from placeholder to newly loaded picture

Avoid placeholders showing up after animations

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

Implementation code

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);

transformation ：transform

1. CircleCrop： Round corners
2. RoundedCorners： The four angles are specified uniformly
3. GranulaRoundedCorners： The four angles are specified separately
4. Rotate： rotate

Implementation code

.transform(new CircleCrop())

Generated API

1. Introduce dependencies , This dependency is equivalent to a code generator

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

2. stay Application Introduced in the module of AppGlideModule The implementation of the .（ take AppGlideModule Among the configured items ）

   /** *  Configuration class  */
   @GlideModule
   public class MyAppModule extends AppGlideModule {
         
   }
   

3. Click on Bulid -> Make Module … Compile

4. In the end, it can be passed GlideApp Realization Glide Same effect , And you just need to GlideApp through . Just implement it in the way

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

GlideExtension and GlideOption

If the option set needs to be used frequently , You can configure the class and write GlideExtension and GlideOption Annotations .

@GlideExtension
public class MyAppExtension {
    

    private MyAppExtension() {
     //  It has to be private 
    }

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

Specific use

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