简单实现Android图片三级缓存机制

    用户在使用我们的APP时,通常会重复浏览一些图片,这时如果每一次浏览都需要通过网络获取图片,那么将会非常流量。为了节省用户流量,提高图片加载效率,我们通常使用图片三级缓存策略,即通过网络、本地、内存三级缓存图片,来减少不必要的网络交互,避免浪费流量。
    网上已经有很多讲述图片三级缓存的策略,这次我也来实现一次三级缓存,其中用到了LRU+SoftReference关于LRU算法,可以参考我之前的博客LinkedHashMap最佳实践:LruCache。首先我将整个机制流程展示给大家:

这里写图片描述

下面是源码实现:

/**
  * @ClassName: CastielImageLoader 
  * @Description: LRU+SoftReference
  * @author 猴子搬来的救兵 http://blog.csdn.net/mynameishuangshuai
  */
public class CastielImageLoader {
    private static final int MAX_CAPACITY = 20;// 链表长度
    private static Context mContext;// 获取APP的缓存地址
    private static CastielImageLoader castielImageLoader;
    // 键是图片地址、值是软引用
    private static final LinkedHashMap<String, SoftReference<Bitmap>> firstCacheMap = new LinkedHashMap<String, SoftReference<Bitmap>>(
            MAX_CAPACITY) {
        protected boolean removeEldestEntry(java.util.Map.Entry<String, java.lang.ref.SoftReference<Bitmap>> eldest) {
            // 返回true表示移除最老的软引用,保证内存平衡
            if (this.size() > MAX_CAPACITY) {
                return true;
            } else {// 否则往磁盘中添加
                diskCache(eldest.getKey(), eldest.getValue());
                return false;
            }
        }
    };

    /**
     * 单例模式加载CastielImageLoader
     * @return
     */
    public static CastielImageLoader getInstance() {
        if (castielImageLoader == null) {
            castielImageLoader = new CastielImageLoader();
        }
        return castielImageLoader;
    }
    /**
     * 加载图片到对应组件
     * 
     * @param key 所需加载的路径
     * @param view 被加载的组件
     * @param drawable 没有加载前默认显示图片
     */
    @SuppressWarnings("deprecation")
    public void loadImage(String key, ImageView view, Drawable drawable ,Context context) {
        mContext = context;
        synchronized (view) {
            // 检查缓存中是否已有
            Bitmap bitmap = getFromCache(key);
            if (bitmap != null) {
                // 如果有了就从缓存中取出显示
                view.setImageBitmap(bitmap);
            } else {
                // 软应用缓存中不存在,磁盘中也不存在,只能下载
                // 下载之前应该先放一张默认图,用来友好显示
                view.setBackgroundDrawable(drawable);
                // 用异步任务去下载
                new CastielAsyncImageLoaderTask(view).execute(key);
            }
        }
    }

    /**
     * 判断缓存中是否已经有了,如果有了就从缓存中取出
     * 
     * @param key
     * @return
     */
    private Bitmap getFromCache(String key) {
        // 检查内存软引中是否存在
        synchronized (firstCacheMap) {
            if (firstCacheMap.get(key) != null) {// 内存软引用中有
                Bitmap bitmap = firstCacheMap.get(key).get();
                if (bitmap != null) {// 说明拿到了
                    firstCacheMap.put(key, new SoftReference<Bitmap>(bitmap));
                    return bitmap;
                }
            }
        }
        // 检查磁盘中是否存在
        Bitmap bitmap = getFromLocalSD(key);
        if (bitmap != null) {// 硬盘中有
            firstCacheMap.put(key, new SoftReference<Bitmap>(bitmap));
            return bitmap;
        }
        return null;
    }

    /**
     * 判断本地磁盘中是否已经有了该图片,如果有了就从本地磁盘中取出
     * @param key
     * @return
     */
    private Bitmap getFromLocalSD(String key) {
        String fileName = MD5Util.getMD5Str(key);
        if (fileName == null) {// 如果文件名为Null,直接返回null
            return null;
        } else {
            String filePath = mContext.getCacheDir().getAbsolutePath() + File.separator + fileName;
            InputStream is = null;
            try {
                is = new FileInputStream(new File(filePath));
                Bitmap bitmap = BitmapFactory.decodeStream(is);
                return bitmap;
            } catch (FileNotFoundException e) {
                e.printStackTrace();
            } finally {
                try {
                    is.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
        return null;
    }

    /**
     * 把图片缓存到本地磁盘,拿到图片,写到SD卡中
     * 
     * @param key 图片的URL
     * @param value Bitmap
     */
    private static void diskCache(String key, SoftReference<Bitmap> value) {
        // 把写入SD的图片名字改为基于MD5加密算法加密后的名字
        String fileName = MD5Util.getMD5Str(key);
        String filePath = mContext.getCacheDir().getAbsolutePath() + File.separator + fileName;
        FileOutputStream os = null;
        try {
            os = new FileOutputStream(new File(filePath));
            if (value.get() != null) {
                value.get().compress(Bitmap.CompressFormat.JPEG, 60, os);
            }
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        } finally {
            if (os != null) {
                try {
                    os.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }

    /**
     * 
     * @ClassName: MyAsyncImageLoaderTask 
     * @Description: 异步加载图片 
     * @author 
     */
    class CastielAsyncImageLoaderTask extends AsyncTask<String, Void, Bitmap>{

        private ImageView imageView;// 图片组件
        private String key;//图片路径

        public CastielAsyncImageLoaderTask(ImageView imageView) {
            this.imageView = imageView;
        }

        @Override
        protected Bitmap doInBackground(String... params) {
            this.key = params[0];// 图片的路径
            Bitmap bitmap = castielDownload(key);
            return bitmap;
        }

        @Override
        protected void onPostExecute(Bitmap result) {
            super.onPostExecute(result);
            if (result != null) {// 说明已经下载下来了
                addFirstCache(key,result);
                imageView.setImageBitmap(result);// 加载网络中的图片
            }
        }
    }

    /**
     * 根据图片路径执行图片下载
     * @param key
     * @return
     */
    public Bitmap castielDownload(String key) {
        InputStream is = null;
        try {
            is = CastielHttpUtils.castielDownLoad(key);
            return BitmapFactory.decodeStream(is);// InputStream这种加载方式暂用内存最小
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            try {
                is.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        return null;
    }

    /**
     * 添加到缓存中去
     * @param key
     * @param result
     */
    public void addFirstCache(String key, Bitmap result) {
        if (result != null) {
            synchronized (firstCacheMap) {
                firstCacheMap.put(key, new SoftReference<Bitmap>(result));
            }
        }
    }
}

网络加载工具类 CastielHttpUtils.java

public class CastielHttpUtils {
    public static InputStream castielDownLoad(String key) throws IOException{
        HttpURLConnection conn = (HttpURLConnection) new URL(key).openConnection();
        return conn.getInputStream();
    }
}

测试,调用我们的图片缓存工具 MainActivity.java

public class MainActivity extends Activity {

    ImageView img;
    String imgURl = "http://img2.imgtn.bdimg.com/it/u=3722998253,3365379445&fm=21&gp=0.jpg";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        img = (ImageView) findViewById(R.id.img);
        CastielImageLoader.getInstance().loadImage(imgURl, img, this.getResources().getDrawable(R.drawable.ic_launcher),MainActivity.this);
    }

}

布局文件 activity_main

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="猴子搬来的救兵 http://blog.csdn.net/mynameishuangshuai" />

    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tv"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="80dp"
        android:src="@drawable/tt" />

</RelativeLayout>

测试加载图片结果如下:

这里写图片描述

发布了79 篇原创文章 · 获赞 88 · 访问量 90万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览