基于RxJava2的轻量级图片缓存框架

基于RxJava2的轻量级图片缓存框架

Android的图片缓存框架有很多,在Universal-Image-Loader断更之后,就经常使用GlidePicasso。基于RxJava2的框架实现一个轻量级的图片缓存(三级缓存),加载图片的流程图如图所示:

image


结合图所得出的流程大概如下

  1. 请求加载图片。
  2. 首先检测内存中是否存在数据,如果存在,显示数据,如果没有数据,则下一步。
  3. 检测本地文件是否存在数据,如果存在,显示数据,并缓存到内存中,如果不存在,则下一步。
  4. 请求网络获取网络图片显示数据,并把数据缓存到内存和本地文件中。

  • 在本个项目中,我们用到的内存缓存是Android自带的LruCaChe,本地缓存是DiskLruCache,其中后者不是属于Android自带的,附下载地址
  • 对于以上两个类不作过多陈述,google一下会出来很多demo

现在,我们开始编写这个简单框架

  1. 首先,先来确定我们项目的基本骨架的使用
        RxImageLoader.with(MainActivity.this).load(url).into(image_view);
  1. 通过with(context)方法创建RxImageLoader的单例,这里使用的是构建者模式创建RxImageLoader的对象。为什么要用构建者模式呢?因为链式调用很简洁易懂,例如OKHttp和Retrofit的创建就是通过构建者Builder创建对象的,额,这是题外话,不做过多讲解。
    static volatile RxImageLoader singleton = null;
    
    private RxImageLoader(){
        //定义私有的构造方法,防止外部可以通过new来获取RxImageLoader对象
    }

    //单例模式
    public static RxImageLoader with(Context context) {
        if (singleton == null) {
            synchronized (RxImageLoader.class) {
                if (singleton == null) {
                    singleton = new Builder(context).build();
                }
            }
        }
        return singleton;
    }
    
    private RxImageLoader(Builder builder) {
        mRequestCreator = new RequestCreator(builder.mContext);
    }
    
    //构建者模式
    private static class Builder {

        private Context mContext;

        public Builder(Context context) {
            this.mContext = context;
        }

        public RxImageLoader build() {
            return new RxImageLoader(this);
        }
    }

3.再看load方法,注意要返回RxImageLoader对象,否者无法链式调用下面的into方法

    public RxImageLoader load(String url) {
        this.mUrl = url;
        return singleton;
    }

4.重头戏来了,into方法。我们要获取来自内存,本地,网络三个数据源的数据,按照顺序获取,任一环节有数据,马上调用下面的方法,所以这里调用RxJava的concat操作符和firstElement()

concat操作符---从concatMap操作我们知道,concat操作符肯定也是有序的,而concat操作符是接收若干个Observables,发射数据是有序的,不会交叉。

image

firstElement()---和RxJava1的first操作符功能相类似,源Observable产生的结果的第一个提交给订阅者。

接下来,看代码

public void into(final ImageView imageView) {
        Observable.concat(mRequestCreator.getImageFromMemory(mUrl),
                mRequestCreator.getImageFromDisk(mUrl),
                mRequestCreator.getImageFromNetwork(mUrl))
                .filter(new Predicate<Image>() {
                    @Override
                    public boolean test(Image image) throws Exception {
                        return image != null;
                    }
                })
                .firstElement()
                .subscribe(new Consumer<Image>() {
                    @Override
                    public void accept(Image image) throws Exception {
                        imageView.setImageBitmap(image.getBitmap());
                    }
                }, new Consumer<Throwable>() {
                    @Override
                    public void accept(Throwable throwable) throws Exception {
                        throwable.printStackTrace();
                    }
                });
    }

5.大概框架已经搭建好,现在就是三个数据源获取的问题,首先我们定义一个抽象类,里面包含两个抽象方法,分别是读数据和些数据的。还有一个getImage方法。为什么用抽象类而不用接口呢,抽象类可以有方法的实现体。

public abstract class DataSourceObservable {

    public Observable<Image> getImage(final String url) {

        return Observable.create(new ObservableOnSubscribe<Image>() {

            @Override
            public void subscribe(ObservableEmitter<Image> e) throws Exception {
                Image image = getDataFromDataSource(url);
                if (!e.isDisposed()) {
                    if (image != null) {
                        e.onNext(image);
                    }
                    e.onComplete();
                }

            }
        }).subscribeOn(Schedulers.io()).observeOn(AndroidSchedulers.mainThread());
    }

    public abstract Image getDataFromDataSource(String url);

    public abstract void putDataToDataSource(Image image);
}

6.编写三个不同数据源的类实现该抽象类,分别是MemoryDataSourceObservable,DiskDataSourceObservable,NetworkDataSourceObservable。

public class MemoryDataSourceObservable extends DataSourceObservable {

    int memorySize = (int) (Runtime.getRuntime().maxMemory() / 1024);

    int maxSize = memorySize / 8;

    private LruCache<String, Bitmap> mLruCache = new LruCache<String, Bitmap>(maxSize) {
        @Override
        protected int sizeOf(String key, Bitmap value) {
            return value.getRowBytes() * value.getHeight() / 1024;
        }
    };

    @Override
    public Image getDataFromDataSource(String url) {
        Bitmap bitmap = mLruCache.get(url);
        if (bitmap != null) {
            return new Image(url, bitmap);
        }
        return null;
    }

    @Override
    public void putDataToDataSource(Image image) {
        mLruCache.put(image.getUrl(), image.getBitmap());
    }
}

public class DiskDataSourceObservable extends DataSourceObservable {


    private DiskLruCache mDiskLruCache;

    DiskCacheUtil mDiskCacheUtil;

    private Context mContext;

    private static long maxSize = 20 * 1024 * 1024;

    public DiskDataSourceObservable(Context context) {
        this.mContext = context;
        initDiskLruCache();
    }

    public void initDiskLruCache() {
        mDiskCacheUtil = DiskCacheUtil.getSingleton();
        File cacheDirectory = mDiskCacheUtil.getDiskCacheDir(mContext, "image_cache");
        int appVersion = mDiskCacheUtil.getAppVersion(mContext);
        try {
            mDiskLruCache=DiskLruCache.open(cacheDirectory, appVersion, 1, maxSize);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }


    @Override
    public Image getDataFromDataSource(String url) {
        Bitmap bitmap = getDataFromDiskCache(url);
        if (bitmap != null) {
            return new Image(url, bitmap);
        }
        return null;
    }

    private Bitmap getDataFromDiskCache(String url) {
        DiskLruCache.Snapshot mSnapshot = null;
        FileInputStream mFileInputStream = null;
        FileDescriptor mFileDescriptor = null;
        Bitmap bitmap = null;
        String key = mDiskCacheUtil.hashKeyForDisk(url);
        try {
            mSnapshot = mDiskLruCache.get(key);
            if (mSnapshot != null) {
                mFileInputStream = (FileInputStream) mSnapshot.getInputStream(0);
                mFileDescriptor = mFileInputStream.getFD();
            }
            if (mFileDescriptor != null) {
                bitmap = BitmapFactory.decodeFileDescriptor(mFileDescriptor);
            }
            return bitmap;
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            if (mFileDescriptor == null && mFileInputStream != null) {
                try {
                    mFileInputStream.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
        return bitmap;
    }

    @Override
    public void putDataToDataSource(final Image image) {
        Observable.create(new ObservableOnSubscribe<Image>() {
            @Override
            public void subscribe(ObservableEmitter<Image> e) throws Exception {
                putDataToDiskCache(image);
            }
        }).subscribeOn(Schedulers.io()).subscribe();
    }

    private void putDataToDiskCache(Image image) {
        DiskLruCache.Editor mEditor = null;
        OutputStream mOutputStream = null;
        String key = mDiskCacheUtil.hashKeyForDisk(image.getUrl());
        try {
            mEditor = mDiskLruCache.edit(key);
            mOutputStream = mEditor.newOutputStream(0);
            boolean success = downloadUrlToStream(image.getUrl(), mOutputStream);
            if (success) {
                mEditor.commit();
            } else {
                mEditor.abort();
            }
            mDiskLruCache.flush();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }


    /**
     * 建立HTTP请求,并获取Bitmap对象。
     *
     * @param urlString 图片的URL地址
     * @return 解析后的Bitmap对象
     */
    private boolean downloadUrlToStream(String urlString, OutputStream outputStream) {
        HttpURLConnection urlConnection = null;
        BufferedOutputStream out = null;
        BufferedInputStream in = null;
        try {
            final URL url = new URL(urlString);
            urlConnection = (HttpURLConnection) url.openConnection();
            in = new BufferedInputStream(urlConnection.getInputStream(), 8 * 1024);
            out = new BufferedOutputStream(outputStream, 8 * 1024);
            int b;
            while ((b = in.read()) != -1) {
                out.write(b);
            }
            return true;
        } catch (final IOException e) {
            e.printStackTrace();
        } finally {
            if (urlConnection != null) {
                urlConnection.disconnect();
            }
            try {
                if (out != null) {
                    out.close();
                }
                if (in != null) {
                    in.close();
                }
            } catch (final IOException e) {
                e.printStackTrace();
            }
        }
        return false;
    }
}

public class NetworkDataSourceObservable extends DataSourceObservable {
    @Override
    public Image getDataFromDataSource(String url) {
        Bitmap bitmap = getBitmapFromNet(url);
        if (bitmap != null) {
            return new Image(url, bitmap);
        }
        return null;
    }

    private Bitmap getBitmapFromNet(String url) {
        URLConnection mURLConnection = null;
        InputStream mInputStream = null;
        Bitmap mBitmap = null;
        try {
            mURLConnection = new URL(url).openConnection();
            mInputStream = mURLConnection.getInputStream();
            mBitmap = BitmapFactory.decodeStream(mInputStream);
            if (mBitmap != null) {
                return mBitmap;
            }
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            if (mInputStream != null) {
                try {
                    mInputStream.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
        return mBitmap;
    }

    @Override
    public void putDataToDataSource(Image image) {

    }
}

7.写一个数据管理类来管理这三个类

public class RequestCreator {

    private static final String TAG = "RequestCreator";

    private MemoryDataSourceObservable mMemoryCacheObservable;

    private DiskDataSourceObservable mDiskCacheObservable;

    private NetworkDataSourceObservable mNetworkCacheObservable;

    public RequestCreator(Context context) {
        mMemoryCacheObservable = new MemoryDataSourceObservable();
        mDiskCacheObservable = new DiskDataSourceObservable(context);
        mNetworkCacheObservable = new NetworkDataSourceObservable();
    }

    public Observable<Image> getImageFromMemory(String url) {
        return mMemoryCacheObservable.getImage(url).filter(new Predicate<Image>() {
            @Override
            public boolean test(Image image) throws Exception {
                return image!=null;
            }
        }).doOnNext(new Consumer<Image>() {
            @Override
            public void accept(Image image) throws Exception {
                Log.d(TAG, "get data from Memory");
            }
        });
    }

    public Observable<Image> getImageFromDisk(String url) {
        return mDiskCacheObservable.getImage(url)
                .filter(new Predicate<Image>() {
                    @Override
                    public boolean test(Image image) throws Exception {
                        return image!=null;
                    }
                }).doOnNext(new Consumer<Image>() {
                    @Override
                    public void accept(Image image) throws Exception {
                        Log.d(TAG, "get data from Disk");
                        mMemoryCacheObservable.putDataToDataSource(image);
                    }
                });
    }

    public Observable<Image> getImageFromNetwork(String url) {
        return mNetworkCacheObservable.getImage(url)
                .filter(new Predicate<Image>() {
                    @Override
                    public boolean test(Image image) throws Exception {
                        return image != null;
                    }
                }).doOnNext(new Consumer<Image>() {
                    @Override
                    public void accept(Image image) throws Exception {
                        Log.d(TAG, "get data from Network");
                        mMemoryCacheObservable.putDataToDataSource(image);
                        mDiskCacheObservable.putDataToDataSource(image);
                    }
                });
    }

}

需要注意的是我们请求数据成功之后需要执行保存数据到内存和本地的操作,我们可以在返回Observable<Image>之前执行doOnNext方法。这里的getImageFromMemory方法就不需要了。他属于最高一级。

具体代码请看项目地址项目地址

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

推荐阅读更多精彩内容