圖片三級快取的重要性

 很多時候我們都需要從網路上下載圖片，如果在圖片很多的情況下，每次啟動app都要從網上下載，就會造成流量的浪費，影響使用者的體驗。因此，要利用快取來避免圖片的重複載入。

圖片快取方式

 所謂三級快取，即：

• 網路快取
• 記憶體快取
• 本地快取

 在載入圖片時，優先訪問記憶體快取，如果沒有結果，再去訪問本地檔案；如果都沒有結果，才去從網路下載圖片。並且在圖片下載之後，要將圖片快取到記憶體和本地。
 其實嚴格來說網路並不能算是快取，不過這裡姑且這麼叫吧。

依次實現三級快取

1.本地快取

 private static final String LOCAL_CACHE_PATH =
 Environment.getExternalStorageDirectory().getAbsolutePath() + "/ImgCache";//本地檔案儲存路徑

/**
 * 從本地獲取圖片
 */
private Bitmap getBitmapFromLocalCache(String url) {
    Bitmap bitmap = null;
    String fileName = url;
    File file = new File(LOCAL_CACHE_PATH, fileName);//將url作為檔名
    try {
        bitmap = BitmapFactory.decodeStream(new FileInputStream(file));
    } catch (FileNotFoundException e) {
        e.printStackTrace();
    }
    return bitmap;
}

/**
 * 將圖片儲存到本地
 */
private void addBitmapToLocalCache(String url, Bitmap bitmap) {
    String fileName = url;
    File file = new File(LOCAL_CACHE_PATH, fileName);//將url作為檔名
    File parentFile = file.getParentFile();
    if (!parentFile.exists()) {//判斷父檔案是否存在
        parentFile.mkdirs();
    }
    try {
        //儲存圖片
        bitmap.compress(Bitmap.CompressFormat.PNG, 100, new FileOutputStream(file));
    } catch (FileNotFoundException e) {
        e.printStackTrace();
    }
 

2.記憶體快取

 這裡使用LruCache()——近期最少使用演算法來控制快取的大小，以避免出現OOM。

private static LruCache<String, Bitmap> memoryCaches;

//私有化構造方法以保證物件全域性唯一性
private ImageLoader(ListView listView) {
    this.listView = listView;
    tasks = new HashSet<>();
    //設定快取區的大小
    if (memoryCaches == null) {
        int maxMemory = (int) Runtime.getRuntime().maxMemory();
        int cacheSize = maxMemory / 4;
        memoryCaches = new LruCache<String, Bitmap>(cacheSize) {
            @Override
            protected int sizeOf(String key, Bitmap value) {
                return value.getByteCount();
            }
        };
    }
}

//單例化ImageLoader
public static ImageLoader getImageLoader(ListView mListView) {
    imageLoader = new ImageLoader(mListView);
    return imageLoader;
}
 

 在設定好記憶體快取大小之後，同樣需要新增相應的方法。

/**
 * 從記憶體快取獲取bitmap
 */
private Bitmap getBitmapFromLruCache(String url) {
    return memoryCaches.get(url);
}

/**
 * 向記憶體快取中新增bitmap
 */
private void addBitmapToLruCache(String url, Bitmap bitmap) {
    if (getBitmapFromLruCache(url) == null) {
        memoryCaches.put(url, bitmap);
    }
}
 

3.網路快取

 從網路下載圖片，通過AsyncTask來進行非同步載入。

/**
 * 利用AsyncTask來完成非同步載入圖片
 */
private class imgAsyncTask extends AsyncTask<String, Void, Bitmap> {

    private String url;

    public imgAsyncTask(String url) {
        this.url = url;
    }

    @Override
    protected Bitmap doInBackground(String... params) {
        String url = params[0];
        Bitmap bitmap = getBitmapFromUrl(url);
        if (bitmap != null) {
            addBitmapToLruCache(url, bitmap);//將bitmap新增到快取中
            addBitmapToLocalCache(url, bitmap);//將bitmap新增到本地
        }
        return bitmap;
    }

    @Override
    protected void onPostExecute(Bitmap bitmap) {
        super.onPostExecute(bitmap);
        ImageView imageView = (ImageView) listView.findViewWithTag(url);
        if (imageView != null && bitmap != null) {
            imageView.setImageBitmap(bitmap);
        }
        tasks.remove(this);
    }
}

/**
 * 開啟網路請求
 * 根據url來獲取bitmap
 */
private Bitmap getBitmapFromUrl(String urlString) {

    Bitmap bitmap = null;
    HttpURLConnection connection = null;
    try {
        URL mUrl = new URL(urlString);
        connection = (HttpURLConnection) mUrl.openConnection();
        bitmap = BitmapFactory.decodeStream(connection.getInputStream());
    } catch (Exception e) {
        e.printStackTrace();
    } finally {
        if (connection != null) {
            connection.disconnect();
        }
    }
    return bitmap;
}

 這樣三級快取就寫好了，相應的載入方法如下：

        //優先從記憶體獲取圖片，若不存在則從本地獲取
        Bitmap bitmap = getBitmapFromLruCache(imgUrl);
        if (bitmap == null) {
            bitmap = getBitmapFromLocalCache(imgUrl);
        }
        //若bitmap存在，直接設定
        if (imageView != null && bitmap != null) {
            imageView.setImageBitmap(bitmap);
        } else {
            //若不存在，開啟執行緒從網路下載
            imgAsyncTask mTask = new imgAsyncTask(imgUrl);
            mTask.execute(imgUrl);
            tasks.add(mTask);
        }