图片加载框架的演进之路(一)基本功能的实现

平时我们在开发的过程中基本都是用的第三方图片的加载框架:Glide、Fresco等等,如果进一步的学习,想去对图片加载框架一探究竟,我们回去了解它们的源码,了解它们的框架和实现方式。但是呢,一个框架的成熟时经过好多版本的迭代。它们是怎样从零到一的呢?我试着从零开始写一个简易的图片加载框架。

一个图片加载框架需要具备哪些功能呢?
  • 网络加载功能
  • 缓存功能
    根据面向对象思想,首先图片加载的话需要一个类:ImageLoader,和一个对外的使用接口:displayImage()方法。于是撸起袖子干起来:
/**
 * Created by xucong on 2017/7/17.
 * 图片加载类
 */
public class ImageLoader {

    private static  ImageLoader mImageLoader = new ImageLoader();

    private ExecutorService mExecutorService = Executors.newFixedThreadPool(Runtime.getRuntime().availableProcessors());
    Handler handler = new Handler();
    private LruCache<String, Bitmap> lruCache;

    public ImageLoader() {
        init();
    }

    /**
     * 获取图片加载的单列
     * @return
     */
    public static ImageLoader getInstance() {
        return mImageLoader;
    }

    /**
     * 初始化
     */
    private void init() {
        int maxMemory = (int) Runtime.getRuntime().maxMemory()/1024;
        lruCache = new LruCache<String, Bitmap>(maxMemory/4){
            @Override
            protected int sizeOf(String key, Bitmap value) {
                return value.getRowBytes()*value.getHeight()/1024;
            }
        };
    }

    public void displayImage(final String url, final ImageView imageView) {
        if (imageView == null)return;
        imageView.setTag(url);

        //先从缓存取,如果没有采去下载
        Bitmap bitmap = this.lruCache.get(url);
        if(bitmap != null) {
            imageView.setImageBitmap(bitmap);
            return;
        }

        //下载图片
        mExecutorService.execute(new Runnable() {
            @Override
            public void run() {
                final Bitmap bitmap = downloadImage(url);

                if(bitmap == null) {
                    return;
                }

                if(imageView.getTag().equals(url)) {
                    handler.post(new Runnable() {
                        @Override
                        public void run() {
                            imageView.setImageBitmap(bitmap);
                        }
                    });

                    lruCache.put(url,bitmap);

                }

            }
        });

    }

    private Bitmap downloadImage(String imageUrl) {
        Bitmap bitmap = null;
        try {
            URL url = new URL(imageUrl);
            URLConnection urlConnection = url.openConnection();
            bitmap = BitmapFactory.decodeStream(urlConnection.getInputStream());
        } catch (MalformedURLException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }

        return bitmap;
    }
}

乍一看基本功能实现了,但是呢,一个优秀的框架设计需要具有高扩展性,模块之间低耦合,上面功能所有代码写在一个类里面怎么行呢,显然不符合单一职责原则,如果需要扩展功能,需要修改源码,而不是通过扩展,这又违背了开闭原则。所以我们需要进行改进。
根据单一职责原则和面向对象思想,图片缓存功能应该是一个独立的模块,需要把缓存抽离出来和ImageLoader类进行解耦:

public class ImageCache {

    private LruCache<String, Bitmap> mLruCache;
    
    public void ImageCache() {
        init();
    }

    /**
     * 初始化
     */
    private void init() {
        int maxMemory = (int) Runtime.getRuntime().maxMemory()/1024;
        mLruCache = new LruCache<String, Bitmap>(maxMemory/4){
            @Override
            protected int sizeOf(String key, Bitmap value) {
                return value.getRowBytes()*value.getHeight()/1024;
            }
        };
    }
    
    public Bitmap get(String url) {
        return mLruCache.get(url);
    }
    
    public void put(String url, Bitmap bitmap) {
        mLruCache.put(url, bitmap);
    }
}


public class ImageLoader {

    //图片缓存
    private ImageCache mImageCache = new ImageCache();
    public void displayImage(final String url, final ImageView imageView) {
        if (imageView == null)return;
        imageView.setTag(url);

        //先从缓存取,如果没有采去下载
        Bitmap bitmap = this.mImageCache.get(url);
        if(bitmap != null) {
            imageView.setImageBitmap(bitmap);
            return;
        }

        //下载图片
        mExecutorService.execute(new Runnable() {
            @Override
            public void run() {
                final Bitmap bitmap = downloadImage(url);

                if(bitmap == null) {
                    return;
                }

                if(imageView.getTag().equals(url)) {
                    handler.post(new Runnable() {
                        @Override
                        public void run() {
                            imageView.setImageBitmap(bitmap);
                        }
                    });

                    mImageCache.put(url,bitmap);

                }

            }
        });

    }

将代码一分为二,Imageloader加载图片,ImageCache缓存图片,这样职责就清晰了,需要修改图片缓存功能不会影响图片加载类,修改图片加载功能不会影响图片缓存类。这就是单一职责很好的体现。
但是问题又来了,如果我们需要自定义缓存策略呢?或者我们还需要内存缓存和SD卡缓存同时使用呢?这样的话我们又只能修改源码,对扩展是不支持的,这样违反了开闭原则。
于是运用策略模式和里氏替换原则来对缓存策略模块的修改:
所有的缓存策略用抽象ICache接口开约束:

public interface ICache {

    Bitmap get(String url);

    void put(String url,Bitmap bitmap);
}

所有的缓存实现类必须要实现get、put,方法来存取Bitmap。

/**
 * 内存缓存
 * Created by xucong on 2017/7/19.
 */

public class MemoryCache implements ICache {
    private LruCache<String, Bitmap> mLruCache;

    public MemoryCache(){
        init();
    }

    /**
     * 初始化
     */
    private void init() {
        int maxMemory = (int) Runtime.getRuntime().maxMemory()/1024;
        mLruCache = new LruCache<String, Bitmap>(maxMemory/4){
            @Override
            protected int sizeOf(String key, Bitmap value) {
                return value.getRowBytes()*value.getHeight()/1024;
            }
        };
    }

    @Override
    public Bitmap get(String url) {
        return mLruCache.get(url);
    }

    @Override
    public void put(String url,Bitmap bitmap) {
        mLruCache.put(url, bitmap);
    }
}

/**
 * SD卡缓存
 * Created by xucong on 2017/7/19.
 */

public class DiskCache implements ICache{

    private static String cacheDir = Environment.getExternalStorageDirectory().getPath() + "/cache/image/";

    @Override
    public Bitmap get(String url) {
        return BitmapFactory.decodeFile(cacheDir + url);
    }

    @Override
    public void put(String url, Bitmap bitmap) {
        url = cacheDir + url;
        FileOutputStream fos = null;
        try {
            fos = new FileOutputStream(url);
            bitmap.compress(Bitmap.CompressFormat.PNG,100,fos);
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        }finally {
            try {
                fos.close();
            } catch (IOException e) {
                e.printStackTrace();
            }

        }

    }
}

/**
 * 双缓存
 * Created by xucong on 2017/7/19.
 */

public class DoubleCache implements ICache {

    private DiskCache mDiskCache = new DiskCache();
    private MemoryCache memoryCache = new MemoryCache();

    @Override
    public Bitmap get(String url) {
        Bitmap bitmap = memoryCache.get(url);
        if(bitmap != null) {
            bitmap = mDiskCache.get(url);
        }
        return bitmap;
    }

    @Override
    public void put(String url, Bitmap bitmap) {
        mDiskCache.put(url,bitmap);
        memoryCache.put(url,bitmap);
    }
}

ImageLoader:

public class ImageLoader {
    //图片缓存
    private ICache mImageCache = new MemoryCache();
    public void setImageCache(ICache cache) {
        this.mImageCache = cache;
    }
    public void displayImage(final String url, final ImageView imageView) {
        if (imageView == null)return;
        imageView.setTag(url);

        //先从缓存取,如果没有采去下载
        Bitmap bitmap = this.mImageCache.get(url);
        if(bitmap != null) {
            imageView.setImageBitmap(bitmap);
            return;
        }

        //下载图片
        mExecutorService.execute(new Runnable() {
            @Override
            public void run() {
                final Bitmap bitmap = downloadImage(url);
                if(bitmap == null) {
                    return;
                }

               ...
               mImageCache.put(url,bitmap);

                }

            }
        });

    }

可以看到通过setImageCache()方法来替换不同的缓存策略,所有的缓存实现都实现ICache接口。这样就体现了高扩展性,也符合了开闭原则和里氏替换原则。其中重要的思想其实就是面向接口编程,ImageLoader以来缓存模块是以来的抽象,而不是以来细节(具体实现)这样父类的引用指向子类的对象,这样就保证了缓存功能的高扩展性。

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

推荐阅读更多精彩内容