照片墻這種功能現在應該算是挺常見了，在很多應用中你都可以經常看到照片墻的身影。它的設計思路其實也非常簡單，用一個GridView控件當作“墻”，然后隨著GridView的滾動將一張張照片貼在“墻”上，這些照片可以是手機本地中存儲的，也可以是從網上下載的。制作類似于這種的功能的應用，有一個非常重要的問題需要考慮，就是圖片資源何時應該釋放。因為隨著GridView的滾動，加載的圖片可能會越來越多，如果沒有一種合理的機制對圖片進行釋放，那么當圖片達到一定上限時，程序就必然會崩潰。

?

今天我們照片墻應用的實現，重點也是放在了如何防止由于圖片過多導致程序崩潰上面。主要的核心算法使用了Android中提供的LruCache類，這個類是3.1版本中提供的，如果你是在更早的Android版本中開發，則需要導入android-support-v4的jar包。

?

關于LruCache用法的詳細講解，可以參考Android高效加載大圖、多圖方案，有效避免程序OOM。

?

那我們開始動手吧，新建一個Android項目，起名叫PhotoWallDemo，這里我使用的是Android 4.0的API。

?

第一個要考慮的問題就是，我們從哪兒去收集這么多的圖片呢？這里我從谷歌官方提供的Demo里將圖片源取了出來，我們就從這些網址中下載圖片，代碼如下所示：

圖片源已經有了，現在我們就該考慮在哪里放置這些圖片了。新建或打開activity_main.xml作為程序的主布局，加入如下代碼：

可以看到，我們在這個布局文件中僅加入了一個GridView，這也就是我們程序中的“墻”，所有的圖片都將貼在這個“墻”上。

?

接著我們定義GridView中每一個子View的布局，新建一個photo_layout.xml布局，加入如下代碼：

在每一個子View中我們就簡單使用了一個ImageView來顯示一張圖片。這樣所有的布局就已經定義好了。

?

接下來新建PhotoWallAdapter做為GridView的適配器，代碼如下所示：

PhotoWallAdapter是整個照片墻程序中最關鍵的一個類了，這里我來重點給大家講解一下。首先在PhotoWallAdapter的構造函數中，我們初始化了LruCache類，并設置了最大緩存容量為程序最大可用內存的1/8，接下來又為GridView注冊了一個滾動監聽器。然后在getView()方法中，我們為每個ImageView設置了一個唯一的Tag，這個Tag的作用是為了后面能夠準確地找回這個ImageView，不然異步加載圖片會出現亂序的情況。之后調用了setImageView()方法為ImageView設置一張圖片，這個方法首先會從LruCache緩存中查找是否已經緩存了這張圖片，如果成功找到則將緩存中的圖片顯示在ImageView上，否則就顯示一張默認的空圖片。

?

看了半天，那到底是在哪里下載圖片的呢？這是在GridView的滾動監聽器中進行的，在onScrollStateChanged()方法中，我們對GridView的滾動狀態進行了判斷，如果當前GridView是靜止的，則調用loadBitmaps()方法去下載圖片，如果GridView正在滾動，則取消掉所有下載任務，這樣可以保證GridView滾動的流暢性。在loadBitmaps()方法中，我們為屏幕上所有可見的GridView子元素開啟了一個線程去執行下載任務，下載成功后將圖片存儲到LruCache當中，然后通過Tag找到相應的ImageView控件，把下載好的圖片顯示出來。

?

由于我們使用了LruCache來緩存圖片，所以不需要擔心內存溢出的情況，當LruCache中存儲圖片的總大小達到容量上限的時候，會自動把最近最少使用的圖片從緩存中移除。

?

最后新建或打開MainActivity作為程序的主Activity，代碼如下所示：

MainActivity中的代碼非常簡單，沒什么需要說明的了，在Activity被銷毀時取消掉了所有的下載任務，避免程序在后臺耗費流量。另外由于我們使用了網絡功能，別忘了在AndroidManifest.xml中加入網絡權限的聲明。

?

現在可以運行一下程序了，效果如下圖所示：

?

可以看到，滾動照片墻，會異步加載圖片到相應的ImageView上。隨著加載圖片的增多，會釋放掉一些之前加載過的圖片，你多滾動幾次就可以看得出了。另外為了能讓大家明顯看出圖片的釋放情況，我在這個程序中沒有使用本地緩存，所有被釋放掉的圖片再次顯示需要從網絡上再下載一遍。在實際的項目中配合適當的本地緩存效果會更好。

?

打開DDMS，我們可以發現，由于有LruCache幫我們管理圖片緩存，不管如何滾動照片墻，程序內存始終會保持在一個合理的范圍內。

?

?

本篇文章的重點在于如何對圖片進行更好的回收，因此照片墻只是簡單地使用GridView進行了展示，想要看更酷更炫的照片墻效果的朋友，可以參考我后面的一篇文章?Android瀑布流照片墻實現，體驗不規則排列的美感?。

?

好了，今天的講解到此結束，有疑問的朋友請在下面留言。

本文轉自農夫山泉別墅博客園博客，原文鏈接：http://www.cnblogs.com/yaowen/p/6347857.html，如需轉載請自行聯系原作者