android平板上的GridView視圖緩存優化 – Android移動開發技術文章_手機開發 Android移動開發教學課程

最近在做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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *