Android開發：優化ListView實踐解析

Android開發：優化ListView實踐解析

 在看了一些vogella的文章之後，發現關於android listview性能優化這一段很有意思，於是實踐了一下，經過優化，性能確實提升不少！

先看看優化前和優化後的比較：

優化前的log截圖:

優化後的log截圖：

並且，在不停滾動ListView的過程中，優化之前會出現ANR現象，在AVD上特別容易復現：

然後，優化後顯得很流暢，附上對於的log截圖：

下面附上相關代碼分析：

ListView中的每一個Item由一個ImageView 和一個TextView組成

Layout:

1. <?xml version="1.0" encoding="utf-8"?> 
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
3. android:layout_width="fill_parent" 
4. android:layout_height="fill_parent" 
5. android:orientation="horizontal" > 
6. <ImageView android:id="@+id/imageView" 
7. android:layout_width="wrap_content" 
8. android:layout_height="fill_parent" />" 
9. <TextView android:id="@+id/textView" 
10. android:layout_width="wrap_content" 
11. android:layout_height="fill_parent" 
12. android:layout_marginLeft="15dp" 
13. android:gravity="center_vertical" /> 
14. </LinearLayout> 

Activity繼承自ListActivity，我故意增加了Item，方便測試，效果更明顯：

1. public class ListViewDemo extends ListActivity{ 
2. private final String[] mItems = new String[] { "Android", "iPhone", 
3. "WindowsMobile", "Blackberry", "WebOS", "Ubuntu", "Windows7", 
4. "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", 
5. "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2", 
6. "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2", "Ubuntu", 
7. "Windows7", "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", 
8. "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", 
9. "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2", 
10. "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2", "Ubuntu", 
11. "Windows7", "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", 
12.  "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", 
13. "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2", 
14. "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2", "Ubuntu", 
15. "Windows7", "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", 
16. "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", 
17.  "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2", 
18. "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2", "Ubuntu", 
19. "Windows7", "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", 
20. "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", 
21.  "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2", 
22.  "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2", "Ubuntu", 
23. "Windows7", "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", 
24. "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", 
25. "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2", 
26. "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2", "Ubuntu", 
27. "Windows7", "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", 
28. "Max OS X", "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", 
29. "Linux", "OS/2", "Ubuntu", "Windows7", "Max OS X", "Linux", "OS/2" }; 
30.  @Override 
31. public void onCreate(Bundle savedInstanceState) { 
32.     super.onCreate(savedInstanceState); 
33.      ListViewArrayAdapter adapter = new ListViewArrayAdapter(this, mItems); 
34.       getListView().setAdapter(adapter); 
35.     } 
36. } 

然後custom Adapter，優化之前的adapter:

1. @Override 
2.       public View getView(int position, View convertView, ViewGroup parent) { 
3.         long start = System.currentTimeMillis(); 
4.         LayoutInflater inflater = (LayoutInflater) mContext.getLayoutInflater(); 
5.         View rowView = inflater.inflate(mViewResourceId, parent, false); 
6.         TextView textView = (TextView) rowView 
7.                 .findViewById(mTextViewResourceId); 
8.         ImageView imageView = (ImageView) rowView 
9.                 .findViewById(mImageViewResourceId); 
10.         textView.setText(mNames[position]); 
11.         String s = mNames[position]; 
12.         if (s.startsWith("Windows7") || s.startsWith("iPhone")) { 
13.             imageView.setImageResource(R.drawable.no); 
14.         } else { 
15.             imageView.setImageResource(R.drawable.yes); 
16.         } 
17.               
18.        Log.v("jerikc","cost time = " + (System.currentTimeMillis() - start)); 
19.       return rowView; 
20. } 

優化之後的Adapter：

1. public class ListViewArrayAdapter extends ArrayAdapter<String>{ 
2.        private final Activity mContext; 
3.        private final String[] mNames; 
4.        private final static int mViewResourceId = R.layout.text_image_row_layout; 
5.        private final static int mTextViewResourceId = R.id.textView; 
6.        private final static int mImageViewResourceId = R.id.imageView; 
7.     static class ViewHolder { 
8.         public TextView text; 
9.         public ImageView image; 
10.     }     
11.        public ListViewArrayAdapter(Activity context, String[] names) { 
12.         super(context, mViewResourceId, names);  
13.         this.mContext = context; 
14.         this.mNames = names; 
15.         } 
16. @Override 
17.     public View getView(int position, View convertView, ViewGroup parent) { 
18.        long start = System.currentTimeMillis(); 
19.         View rowView = convertView; 
20.      if (rowView == null) { 
21.          LayoutInflater inflater = mContext.getLayoutInflater(); 
22.           rowView = inflater.inflate(mViewResourceId, null); 
23.          ViewHolder viewHolder = new ViewHolder(); 
24.         viewHolder.text = (TextView) rowView.findViewById(mTextViewResourceId); 
25.         viewHolder.image = (ImageView) rowView.findViewById(mImageViewResourceId); 
26.          rowView.setTag(viewHolder); 
27.         } 
28.        ViewHolder holder = (ViewHolder) rowView.getTag(); 
29.        String s = mNames[position]; 
30.        holder.text.setText(s); 
31.       if (s.startsWith("Windows7") || s.startsWith("iPhone")) { 
32.           holder.image.setImageResource(R.drawable.no); 
33.         } else { 
34.            holder.image.setImageResource(R.drawable.yes); 
35.        } 
36.        Log.v("jerikc","cost time = " + (System.currentTimeMillis() - start)); 
37.         return rowView; 
38.     } 
39. } 

優化的大致思想就是：優化之前，每次加載item的時候，都要加載一下布局文件，然後生成一個新的row View對象，然後通過View找到對應的ImageView和TextView，正如我們所知道的那樣，加載布局文件時很耗時的，特別是在操作比較頻繁 情況下，這是不可忍受的，所以會導致ANR現象。

因此，我們可以重復利用已不可見的row View對象。Android中，當它決定讓row View對象不可見的時候，它允許通過getView方法中的convertView參數來重復利用剛剛不可見的row View對象。

在優化的過程中，第一次加載的時候，我們需要把相關的數據保存起來，而View有一個方法setTag，該方法可用來保存一些數據結構。我們一個row View對象是由ImageView和TextView空間組成的，因此定義一個ViewHolder來保存ImageView和TextView對象。 在重復利用的過程中，只需簡單修改它們的值，而不用再次findViewById。