Android 图片加载框架封装

发表于 | 分类于 | | 阅读次数 | 浏览 次

前言

本篇文章主要介绍的是第三方图片加载框架的封装

一、概述

  • 关于 Android 图片加载框架实在是很多，而且还都很不错，目前主要流行的是 Glide 、 Picasso 、 Fresco，附上一张图，github 上的 star 排名：

image

其中 Android-Universal-Image-Loader 已经于两年前停止更新了，所以并不推荐使用

二、如何选择

2.1 首先，先看下如何选择开源项目
2.3 图片加载框架对比

  • 关于这方面的东西，网上大把大把的，也都写得不错，我就没必要重复造轮子了

  • 三方链接：帅比张

三、图片加载框架的封装

3.1 为什么要封装？
  • 第三方的框架都已经写的很好了，我们使用起来也很方便，拿 Glide 举个例子
1
2
//一行代码就完成了图片加载
Glide.with(this).load(url).into(imageView);

  • 假设个应用场景，随着公司的业务发展，当前的图片加载框架可能满足不了公司的需求了，需要替换一个图片加载框架，如果按上边的那种方式的话，那得该多少代码，花了几天功夫改完之后，领导又说，我觉得还是要之前的那个框架的吧，你什么感觉？？

  • 不管是为了偷懒，还是为了代码的扩展性，或者是为了应付领导的需求等等，我们都需要再次进行封装。

3.2 如何封装，封装原则是啥
  • 统一接口，一个功能的实现，封装在一个类中，一旦有什么改变，也只需要改变这一个类即可，如：
1
2
3
4
5
public class ImageLoader {
    public static void with(Context context, String imageUrl, ImageView imageView) {
        Picasso.with(context).load(imageUrl).into(imageView); 
    }
}

项目中所有需要图片加载功能的地方都这么调用，这样改动起来也很方便。

  • 采用策略模式来封装，根据需求替换不同的图片加载策略即可。

四、具体封装步骤

只是简单封装，主要是为了介绍策略模式

用我自己的话描述一下吧：

第一步，写一个接口，统一方法名，当然里边也可以有多个方法，可以自己根据需求添加
1
2
3
4
5
6
7
8
9
10
/**
 * 图片加载策略  接口
 */
public interface BaseImageLoaderStrategy {
    //第一个参数，上下文对象，
    //第二个参数，是封装的一个类，下边会介绍
    void loadImage(Context context,ImageLoader imageLoader);
}
第二步，写一个类继承自第一步的接口，并实现具体的加载策略
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/**
 * 具体的加载策略， Glide 加载框架
 */
public class GlideImageLoader implements BaseImageLoaderStrategy {
    @Override
    public void loadImage(Context context, ImageLoader imageLoader) {
        Glide.with(context)
                .load(imageLoader.getUrl())
                .placeholder(imageLoader.getPlaceHolder())
                .into(imageLoader.getImgView());
    }
}
第三步，介绍 ImageLoader 类的封装及作用
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
/**
 * 设置具体的参数，设计为 Builder 模式，方便拆分功能
 */
public class ImageLoader {
    private int type;  //类型 (大图，中图，小图)
    private String url; //需要解析的 url
    private int placeHolder; //当没有成功加载的时候显示的图片
    private ImageView imgView; //ImageView 的实例
    private int wifiStrategy;//加载策略，是否在 wifi 下才加载
    private ImageLoader(Builder builder) {
        this.type = builder.type;
        this.url = builder.url;
        this.placeHolder = builder.placeHolder;
        this.imgView = builder.imgView;
        this.wifiStrategy = builder.wifiStrategy;
    }
    public int getType() {
        return type;
    }
    public String getUrl() {
        return url;
    }
    public int getPlaceHolder() {
        return placeHolder;
    }
    public ImageView getImgView() {
        return imgView;
    }
    public int getWifiStrategy() {
        return wifiStrategy;
    }
    public static class Builder{
        private int type;  //类型 (大图，中图，小图)
        private String url; //需要解析的url
        private int placeHolder; //当没有成功加载的时候显示的图片
        private ImageView imgView; //ImageView的实例
        private int wifiStrategy;//加载策略，是否在wifi下才载
        public Builder() {
            this.type =  ImageLoadreUtils.PIC_SMALL;
            this.url = "";
            this.placeHolder = R.mipmap.ic_launcher;
            this.imgView = null;
            this.wifiStrategy = ImageLoadreUtils.LOAD_STRATEGY_NORMAL;
        }
        public Builder type(int type) {
            this.type = type;
            return this;
        }
        public Builder url(String url) {
            this.url = url;
            return this;
        }
        public Builder placeHolder(int placeHolder) {
            this.placeHolder = placeHolder;
            return this;
        }
        public Builder imgView(ImageView imgView) {
            this.imgView = imgView;
            return this;
        }
        public Builder wifiStrategy(int wifiStrategy) {
            this.wifiStrategy = wifiStrategy;
            return this;
        }
        public ImageLoader bulid(){
            return new ImageLoader(this);
        }
    }
}
第四步，策略者，调度者
  • 前边的基础都打好了，后边就该实现策略模式的优点了，看代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
**
 * 图片加载框架 策略模式
 *
 * 设计为单例模式，并且暴露一个方法，可以设置加载模式，使用哪种图片加载框架。
 */
public class ImageLoadreUtils {
    //图片类型
    public static final int PIC_LARGE = 0;//大图
    public static final int PIC_MEDIUM = 1;//中图
    public static final int PIC_SMALL = 2;//小图
    //是否在 WIFI 下加载
    public static final int LOAD_STRATEGY_NORMAL = 0;
    public static final int LOAD_STRATEGY_ONLY_WIFI = 1;
    private static ImageLoadreUtils mInstance;
    private BaseImageLoaderStrategy imageLoaderStrategy;
    private ImageLoadreUtils() {
        //默认使用 Glide 加载模式
        imageLoaderStrategy = new GlideImageLoader();
    }
    public static ImageLoadreUtils getInstance() {
        if (mInstance == null) {
            synchronized (ImageLoadreUtils.class) {
                if (mInstance == null) {
                    mInstance = new ImageLoadreUtils();
                    return mInstance;
                }
            }
        }
        return mInstance;
    }
    /**
     * 设置使用的图片加载框架
     * @param imageLoaderStrategy
     */
    public void setImageLoaderStrategy(BaseImageLoaderStrategy imageLoaderStrategy){
        this.imageLoaderStrategy = imageLoaderStrategy;
    }
    /**
     * 加载图片
     * @param context
     * @param imageLoader
     */
    public void loadImage(Context context, ImageLoader imageLoader){
        imageLoaderStrategy.loadImage(context,imageLoader);
    }

代码中的注释写的很清楚，这样一来，就算以后想换框架，也只是加代码，而不会改动之前已经调试好的代码。

本文是参考另一篇文章所写，附上链接：
http://www.jianshu.com/p/e26130a93289