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

本文來自http://blog.csdn.net/hellogv/ ，引用必須註明出處！

      最近在做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：這裡用到非同步讀取網狀圖片，成功下載的就佔用較多記憶體，下載失敗就佔用較少記憶體，所以記憶體佔用情況並不是一個時刻的絕對值，佔用記憶體只用於參考.....

本文程式源碼可以到http://www.rayfile.com/zh-cn/files/5ebf5666-958a-11e0-99ec-0015c55db73d/這裡下載。

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

/**<br /> * 使用列表緩衝過去的Item<br /> * @author hellogv<br /> *<br /> */<br />public class CacheAdapter extends BaseAdapter {</p><p>public class Item {<br />public String itemImageURL;<br />public String itemTitle;<br />public Item(String itemImageURL, String itemTitle) {<br />this.itemImageURL = itemImageURL;<br />this.itemTitle = itemTitle;<br />}<br />}</p><p>private Context mContext;<br />private ArrayList<Item> mItems = new ArrayList<Item>();<br />LayoutInflater inflater;<br />public CacheAdapter(Context c) {<br />mContext = c;<br />inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);<br />}</p><p>public void addItem(String itemImageURL, String itemTitle) {<br />mItems.add(new Item(itemImageURL, itemTitle));<br />}</p><p>public int getCount() {<br />return mItems.size();<br />}</p><p>public Item getItem(int position) {<br />return mItems.get(position);<br />}</p><p>public long getItemId(int position) {<br />return position;<br />}</p><p>List<Integer> lstPosition=new ArrayList<Integer>();<br />List<View> lstView=new ArrayList<View>();</p><p>List<Integer> lstTimes= new ArrayList<Integer>();<br />long startTime=0;<br />public View getView(int position, View convertView, ViewGroup parent) {<br />startTime=System.nanoTime();</p><p>if (lstPosition.contains(position) == false) {<br />if(lstPosition.size()>75)//這裡設定緩衝的Item數量<br />{<br />lstPosition.remove(0);//刪除第一項<br />lstView.remove(0);//刪除第一項<br />}<br />convertView = inflater.inflate(R.layout.item, null);<br />TextView text = (TextView) convertView.findViewById(R.id.itemText);<br />ImageView icon = (ImageView) convertView.findViewById(R.id.itemImage);<br />text.setText(mItems.get(position).itemTitle);<br />new AsyncLoadImage().execute(new Object[] { icon,mItems.get(position).itemImageURL });</p><p>lstPosition.add(position);//添加最新項<br />lstView.add(convertView);//添加最新項<br />} else<br />{<br />convertView = lstView.get(lstPosition.indexOf(position));<br />}</p><p>int endTime=(int) (System.nanoTime()-startTime);<br />lstTimes.add(endTime);<br />if(lstTimes.size()==10)<br />{<br />int total=0;<br />for(int i=0;i<lstTimes.size();i++)<br />total=total+lstTimes.get(i);</p><p>Log.e("10個所花的時間：" +total/1000 +" μs",<br />"所用記憶體："+Runtime.getRuntime().totalMemory()/1024 +" KB");<br /> lstTimes.clear();<br />}</p><p>return convertView;<br />}</p><p>/**<br /> * 非同步讀取網狀圖片<br /> * @author hellogv<br /> */<br />class AsyncLoadImage extends AsyncTask<Object, Object, Void> {<br />@Override<br />protected Void doInBackground(Object... params) {</p><p>try {<br />ImageView imageView=(ImageView) params[0];<br />String url=(String) params[1];<br />Bitmap bitmap = getBitmapByUrl(url);<br />publishProgress(new Object[] {imageView, bitmap});<br />} catch (MalformedURLException e) {<br />Log.e("error",e.getMessage());<br />e.printStackTrace();<br />} catch (IOException e) {<br />Log.e("error",e.getMessage());<br />e.printStackTrace();<br />}<br />return null;<br />}</p><p>protected void onProgressUpdate(Object... progress) {<br />ImageView imageView = (ImageView) progress[0];<br />imageView.setImageBitmap((Bitmap) progress[1]);<br />}<br />}</p><p>static public Bitmap getBitmapByUrl(String urlString)<br />throws MalformedURLException, IOException {<br />URL url = new URL(urlString);<br />URLConnection connection = url.openConnection();<br />connection.setConnectTimeout(25000);<br />connection.setReadTimeout(90000);<br />Bitmap bitmap = BitmapFactory.decodeStream(connection.getInputStream());<br />return bitmap;<br />}<br />}<br />

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

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

/**<br /> * 使用ViewHolder載入Item<br /> * @author hellogv<br /> *<br /> */<br />public class ViewHolderAdapter extends BaseAdapter {</p><p>public class Item {<br />public String itemImageURL;<br />public String itemTitle;</p><p>public Item(String itemImageURL, String itemTitle) {<br />this.itemImageURL = itemImageURL;<br />this.itemTitle = itemTitle;<br />}<br />}</p><p>private Context mContext;<br />private ArrayList<Item> mItems = new ArrayList<Item>();<br />LayoutInflater inflater;<br />public ViewHolderAdapter(Context c) {<br />mContext = c;<br />inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);<br />}</p><p>public void addItem(String itemImageURL, String itemTitle) {<br />mItems.add(new Item(itemImageURL, itemTitle));<br />}</p><p>public int getCount() {<br />return mItems.size();<br />}</p><p>public Item getItem(int position) {<br />return mItems.get(position);<br />}</p><p>public long getItemId(int position) {<br />return position;<br />}</p><p>static class ViewHolder {<br />TextView text;<br />ImageView icon;<br />}</p><p>List<Integer> lstTimes= new ArrayList<Integer>();<br />long startTime=0;<br />public View getView(int position, View convertView, ViewGroup parent) {<br />startTime=System.nanoTime();</p><p>ViewHolder holder;</p><p>if (convertView == null) {<br />convertView = inflater.inflate(R.layout.item, null);<br />holder = new ViewHolder();<br />holder.text = (TextView) convertView.findViewById(R.id.itemText);<br />holder.icon = (ImageView) convertView.findViewById(R.id.itemImage);<br />convertView.setTag(holder);<br />} else {<br />holder = (ViewHolder) convertView.getTag();<br />}<br />holder.text.setText(mItems.get(position).itemTitle);<br />new AsyncLoadImage().execute(new Object[]{holder.icon,mItems.get(position).itemImageURL });</p><p>int endTime=(int) (System.nanoTime()-startTime);<br />lstTimes.add(endTime);<br />if(lstTimes.size()==10)<br />{<br />int total=0;<br />for(int i=0;i<lstTimes.size();i++)<br />total=total+lstTimes.get(i);</p><p>Log.e("10個所花的時間：" +total/1000 +" μs",<br />"所用記憶體："+Runtime.getRuntime().totalMemory()/1024 +" KB");<br /> lstTimes.clear();<br />}</p><p>return convertView;<br />}</p><p>/**<br /> * 非同步讀取網狀圖片<br /> * @author hellogv<br /> */<br />class AsyncLoadImage extends AsyncTask<Object, Object, Void> {<br />@Override<br />protected Void doInBackground(Object... params) {</p><p>try {<br />ImageView imageView=(ImageView) params[0];<br />String url=(String) params[1];<br />Bitmap bitmap = CacheAdapter.getBitmapByUrl(url);<br />publishProgress(new Object[] {imageView, bitmap});<br />} catch (MalformedURLException e) {<br />e.printStackTrace();<br />} catch (IOException e) {<br />e.printStackTrace();<br />}<br />return null;<br />}</p><p>protected void onProgressUpdate(Object... progress) {<br />ImageView imageView = (ImageView) progress[0];<br />imageView.setImageBitmap((Bitmap) progress[1]);<br />}<br />}</p><p>}<br />

testPerformance.java是主程式，通過注釋符就可以分別測試CacheAdapter與ViewHolderAdapter的效能，源碼如下：

public class testPerformance extends Activity {<br /> /** Called when the activity is first created. */<br /> @Override<br /> public void onCreate(Bundle savedInstanceState) {<br /> super.onCreate(savedInstanceState);<br /> setContentView(R.layout.main);<br /> this.setTitle("android平板上的GridView視圖緩衝最佳化-----hellogv");<br /> GridView gridview = (GridView) findViewById(R.id.gridview);<br /> CacheAdapter adapter=new CacheAdapter(this);<br /> // ViewHolderAdapter adapter=new ViewHolderAdapter(this);</p><p> gridview.setAdapter(adapter);<br /> String urlImage="";//請自己選擇網路上的靜態圖片</p><p> for(int i=0;i<100;i++)<br /> {<br /> adapter.addItem(urlImage, "第"+i+"項");<br /> }</p><p> }<br />}