android平板上的GridView視圖緩衝最佳化

最近在做android平板上的開發，其中涉及到高解析度之下使用GridView的效能問題。在Android手機軟體開發中，如果在ListView或者GridView上使用大數量Item，很多人都會想到ViewHolder......沒錯，ViewHolder非常適合用在ListView或者每行小於4個Item的GridView。但是如果是高解析度的裝置(android平板甚至android電視)，每行包含4個以上Item的話，即使用了ViewHolder也依然卡。

      如，每行9個Item，而且每個Item的圖片都是從網路動態下載的，這時就比較考驗GridView視圖的最佳化了。

      本文提出的最佳化方法是：在getView()構建一個View列表(List<View>),把最近構建的View存起來，回退時直接從View列表中讀取，而不是動態構建。使用這種方法有2個好處：

1.快速讀取過去的Item；

2.直接儲存View而不是Bitmap,避免了ImageView.setImageBitmaps()帶來的延時。

當然壞處就是浪費記憶體，所以要設定一個上限，超過了就刪掉最老的Item。
先來看看這種方法與ViewHolder的效能對比：

100個Item往下滾到的三組資料對比，如：
“CacheAdapter 緩衝50個Item”跟ViewHolderAdapter的速度很接近，由於CacheAdapter有緩衝，所以會有1~2次快速讀取Item(10~20個)的情況，而ViewHolder的每次讀取Item速度比較平均。
“CacheAdapter 緩衝75個Item”只在第一次往下滾動時消耗較長時間，第二次用了緩衝的Item，所以速度快了很多。

 

 

 

100個Item往上滾到的三組資料對比，如：

“CacheAdapter 緩衝50個Item”比ViewHolderAdapter的速度略快，“CacheAdapter 緩衝75個Item”依然是最快的。
總結：“CacheAdapter 緩衝50個Item”速度與HolderView略快，讀取最近的Item速度最快，緩衝的Item越多速度越快。“CacheAdapter 緩衝75個Item”佔用記憶體最少，這是由於一部分圖片下載失敗，儲存的Item的圖片為空白，實際上是緩衝越多Item佔用的記憶體越多。

PS：這裡用到非同步讀取網狀圖片，成功下載的就佔用較多記憶體，下載失敗就佔用較少記憶體，所以記憶體佔用情況並不是一個時刻的絕對值，佔用記憶體只用於參考.....

CacheAdapter.java是實現緩衝Item的自訂Adapter,源碼如下：

/**
 * 使用列表緩衝過去的Item
 * @author hellogv
 *
 */
public class CacheAdapter extends BaseAdapter {

 public class Item {
  public String itemImageURL;
  public String itemTitle;
  public Item(String itemImageURL, String itemTitle) {
   this.itemImageURL = itemImageURL;
   this.itemTitle = itemTitle;
  }
 }

 private Context mContext;
 private ArrayList<Item> mItems = new ArrayList<Item>();
 LayoutInflater inflater;
 public CacheAdapter(Context c) {
  mContext = c;
  inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
 }

 public void addItem(String itemImageURL, String itemTitle) {
  mItems.add(new Item(itemImageURL, itemTitle));
 }

 public int getCount() {
  return mItems.size();
 }

 public Item getItem(int position) {
  return mItems.get(position);
 }

 public long getItemId(int position) {
  return position;
 }
 
 List<Integer> lstPosition=new ArrayList<Integer>();
 List<View> lstView=new ArrayList<View>();
 
 List<Integer> lstTimes= new ArrayList<Integer>();
 long startTime=0;
 public View getView(int position, View convertView, ViewGroup parent) {
  startTime=System.nanoTime();
  
  if (lstPosition.contains(position) == false) {
   if(lstPosition.size()>75)//這裡設定緩衝的Item數量
   {
    lstPosition.remove(0);//刪除第一項
    lstView.remove(0);//刪除第一項
   }
   convertView = inflater.inflate(R.layout.item, null);
   TextView text = (TextView) convertView.findViewById(R.id.itemText);
   ImageView icon = (ImageView) convertView.findViewById(R.id.itemImage);
   text.setText(mItems.get(position).itemTitle);
   new AsyncLoadImage().execute(new Object[] { icon,mItems.get(position).itemImageURL });
   
   lstPosition.add(position);//添加最新項
   lstView.add(convertView);//添加最新項
  } else
  {
   convertView = lstView.get(lstPosition.indexOf(position));
  }
  
  int endTime=(int) (System.nanoTime()-startTime);
  lstTimes.add(endTime);
  if(lstTimes.size()==10)
  {
   int total=0;
   for(int i=0;i<lstTimes.size();i++)
    total=total+lstTimes.get(i);
 
   Log.e("10個所花的時間：" +total/1000 +" μs",
     "所用記憶體："+Runtime.getRuntime().totalMemory()/1024 +" KB");
      lstTimes.clear();
  }
  
  return convertView;
 }

 /**
  * 非同步讀取網狀圖片
  * @author hellogv
  */
 class AsyncLoadImage extends AsyncTask<Object, Object, Void> {
  @Override
  protected Void doInBackground(Object... params) {

   try {
    ImageView imageView=(ImageView) params[0];
    String url=(String) params[1];
    Bitmap bitmap = getBitmapByUrl(url);
    publishProgress(new Object[] {imageView, bitmap});
   } catch (MalformedURLException e) {
    Log.e("error",e.getMessage());
    e.printStackTrace();
   } catch (IOException e) {
    Log.e("error",e.getMessage());
    e.printStackTrace();
   }
   return null;
  }

  protected void onProgressUpdate(Object... progress) {
   ImageView imageView = (ImageView) progress[0];
   imageView.setImageBitmap((Bitmap) progress[1]);   
  }
 }

 static public Bitmap getBitmapByUrl(String urlString)
   throws MalformedURLException, IOException {
  URL url = new URL(urlString);
  URLConnection connection = url.openConnection();
  connection.setConnectTimeout(25000);
  connection.setReadTimeout(90000);
  Bitmap bitmap = BitmapFactory.decodeStream(connection.getInputStream());
  return bitmap;
 }
}
 

其中if(lstPosition.size()>75)是設定緩衝的Item數量的關鍵地方,這裡緩衝75個Item。

ViewHolderAdapter.java是實現ViewHolder載入Item的自訂Adapter,源碼如下：

/**
 * 使用ViewHolder載入Item
 * @author hellogv
 *
 */
public class ViewHolderAdapter extends BaseAdapter {

 public class Item {
  public String itemImageURL;
  public String itemTitle;

  public Item(String itemImageURL, String itemTitle) {
  &n