Android图片加载框架封装

前言

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

一、概述

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

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

二、如何选择

2.1 首先,先看下如何选择开源项目
2.3 图片加载框架对比
  • 关于这方面的东西,网上大把大把的,也都写得不错,我就没必要重复造轮子了

  • 三方链接:帅比张

三、图片加载框架的封装

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

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

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

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

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

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

四、具体封装步骤

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

用我自己的话描述一下吧

第一步,写一个接口,统一方法名,当然里边也可以有多个方法,可以自己根据需求添加
/**
 * 图片加载策略  接口
 */

public interface BaseImageLoaderStrategy {

    //第一个参数,上下文对象,
    //第二个参数,是封装的一个类,下边会介绍
    void loadImage(Context context,ImageLoader imageLoader);
}
第二步,写一个类继承自第一步的接口,并实现具体的加载策略
/**
 * 具体的加载策略, 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 类的封装及作用
/**
 * 设置具体的参数,设计为 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);
        }
    }

}
第四步,策略者,调度者
  • 前边的基础都打好了,后边就该实现策略模式的优点了,看代码:
**
 * 图片加载框架 策略模式
 *
 * 设计为单例模式,并且暴露一个方法,可以设置加载模式,使用哪种图片加载框架。
 */

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,834评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,066评论 4 62
  • 人们都说女儿是父亲的贴心小棉袄。那么我想问问大家那儿子呢? 在我看来,儿子就是父亲的心,父亲的肝、父亲的肺。我会因...
    追梦CEO阅读 669评论 8 10
  • 好久没有参加活动了,平静的生活没有色彩。今年活动格外多,有点小心动,下一秒,我要报名参加羽毛球比赛。生活也跟着绽放...
  • 我和笑笑常常会收集很多牛奶盒,等积攒到一定数量的时候就做一个好玩的东西。 每次我说:笑笑,快过来哦,我们要做好玩的...
    妈咪私塾阅读 426评论 0 2