Android image smooth scrolling component Glide

Glide is an Android-based image loading and caching component that can read, decode, and display images and videos on Android devices with the highest performance. Glide can cache remote images, videos, animated images, etc. locally on the device to improve the user's smooth browsing experience.

The core function of Glide is to improve the performance of scrolling image lists, and Glide can also meet the performance requirements of reading, resizing and displaying remote images.

How to use Glide

The simplest example code is as follows:

 // For a simple view:  
 @Override  
 public   void onCreate(Bundle savedInstanceState) {
 ... 
 
    ImageView imageView = (ImageView) findViewById(R.id.my_image_view); 
 
    Glide.with( this ).load( "http://goo.gl/h8qOq7" ).into(imageView);
 } 
 
 // For a list:  
 @Override  
 public View getView( int position, View recycled, ViewGroup container) {
 final ImageView myImageView;
 if (recycled == null ) {
        myImageView = (ImageView) inflater.inflate(R.layout.my_image_view,
                container, false );
 } else {
        myImageView = (ImageView) recycled;
 } 
 
    String url = myUrls.get(position); 
 
 Glide.with(myFragment)
 .load(url)
 .centerCrop()
        .placeholder(R.drawable.loading_spinner)
 .crossFade()
 .into(myImageView); 
 
 return myImageView;
 }

Applying Volley communication framework on Glide

Volley is an option for Glide that supports http/https to read images.

Using Gradle:

 dependencies {
    compile 'com.github.bumptech.glide:volley-integration:1.0.+'  
    compile 'com.mcxiaoke.volley:library:1.0.+'  
 }

Or using Maven:

 < dependency >   
 <groupId> com.github.bumptech.glide </groupId>​​​​   
 <artifactId> volley - integration </artifactId>​​   
 <version> 1.0.1 </version>​​​​   
 < type > jar </ type >   
 </ dependency >   
 < dependency >   
 <groupId> com.mcxiaoke.volley </groupId>​​​​   
 <artifactId> library </artifactId>​​​​   
 <version> 1.0.5 </version>​​​​   
 < type > aar </ type >   
 </ dependency >   

Then register the Volley add-on in your Activity or Application:

 public   void onCreate() {
  Glide.get( this ).register(GlideUrl. class , InputStream. class ,
 new VolleyUrlLoader.Factory(yourRequestQueue));
 ...
 }

This way all requests will go through Volley.

Applying OkHttp communication framework in Glide

In addition to Volley, Glide can also use the OkHttp communication framework, which also supports http/https to read images.

Using Gradle:

 dependencies {
    compile 'com.github.bumptech.glide:okhttp-integration:1.0.+'  
    compile 'com.squareup.okhttp:okhttp:2.0.+'  
 }

Or using Maven:

 <dependency>
    <groupId>com.github.bumptech.glide</groupId>
    <artifactId>okhttp-integration</artifactId>
    <version> 1.0 . 1 </version>
 <type>jar</type>
 </dependency>
 <dependency>
    <groupId>com.squareup.okhttp</groupId>
    <artifactId>okhttp</artifactId>
    <version> 2.0 . 0 </version>
 <type>jar</type>
 </dependency> 
 
 Then register the OkHttp add-on in your Activity or Application: 
 
 public   void onCreate() {
  Glide.get( this ).register(GlideUrl. class , InputStream. class ,
 new OkHttpUrlLoader.Factory(yourOkHttpClient));
 ...
 }

Summarize

If your Android application involves remote image processing, the Glide component can help you optimize your application in terms of images and videos.

Software Home

Software Documentation

Software Download

Link to this article: http://www.codeceo.com/article/android-glide.html

Author of this article: Xiaofeng