Android图片加载框架——Glide学习笔记

Android图片加载框架——Glide学习笔记

本文主要参考学习来源:Android图片加载框架最全解析(一),Glide的基本用法

近日在学习的过程中接触了有关Glide的知识,因此写下这篇博客来加深印象,同时也希望这篇拙文能够帮助到大家。

使用前的一些事情

  • Glide是一款由Bump Technologies开发的图片加载框架,使得我们可以在Android平台上以极度简单的方式加载和展示图片。
  • 目前,Glide最新的稳定版本是3.7.0,虽然4.0已经推出RC版了,但是暂时问题还比较多。因此,我们这个系列的博客都会使用Glide 3.7.0版本来进行讲解,这个版本的Glide相当成熟和稳定。

要想使用Glide,首先需要将这个库引入到我们的项目当中。新建一个GlideTest项目,然后在app/build.gradle文件当中添加如下依赖:

dependencies {
    compile 'com.github.bumptech.glide:glide:3.7.0'
}

同时,不要忘记在AndroidManifest.xml中添加网络访问的权限:

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

开始使用Glide加载图片

目标图片地址:
http://cn.bing.com/az/hprichbg/rb/Dongdaemun_ZH-CN10736487148_1920x1080.jpg

MainActivity的代码:

public class MainActivity extends AppCompatActivity {

    ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageView = (ImageView) findViewById(R.id.image_view);
    }

    public void loadImage(View view) {
        String url = "http://cn.bing.com/az/hprichbg/rb/Dongdaemun_ZH-CN10736487148_1920x1080.jpg";
        Glide.with(this).load(url).into(imageView);
    }

}

XML布局文件的代码:


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Load Image"
        android:onClick="loadImage"
        />

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

LinearLayout>

这个程序主要是由一个按钮和一个ImageView组成,通过设置按钮的点击事件来触发Glide图片加载,运行结果如下:

eg_1

这样就可以使用Glide来加载图片了!

下面介绍一些其他的功能:

占位图

顾名思义,占位图就是指在图片的加载过程中,我们先显示一张临时的图片,等图片加载出来了再替换成要加载的图片。

此时,我们只需要修改一下代码:

Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)//你所选择用来当作占位图的图片
     .into(imageView);

运行结果如下:
eg_2

异常占位图

异常占位图就是指,如果因为某些异常情况导致图片加载失败,比如说手机网络信号不好,这个时候就显示这张异常占位图。

异常占位图的用法相信你已经可以猜到了,首先准备一张error.jpg图片,然后修改Glide加载部分的代码,如下所示:

Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)//你所选择用来当作异常占位图的图片
     .diskCacheStrategy(DiskCacheStrategy.NONE)//禁止读取缓存
     .into(imageView);

运行结果如下:
eg_3

大致上,Glide的一些简单使用就到这里了。如果还想对Glide有更深的了解的话,这里推荐郭霖的一篇博客:Android图片加载框架最全解析(一),Glide的基本用法,个人觉得写得相当详细,本文也是参考这篇文章来学习的。

你可能感兴趣的:(Android图片加载框架——Glide学习笔记)