Android之ListView优化

关于ListView几个方面的优化：

ListView的大小设定固定值;
复用convertView, 使用ViewHolder提高在容器中查找组件的效率;
使用分页加载;
快速滚动时, item不显示耗时加载的图片（或其他资源）

Android中有一个反复循环构件（Recycler），它的工作原理如下：（参考：http://www.cnblogs.com/xiaowenji/archive/2010/12/08/1900579.html）

如果有很多的item时，那么可见的条目存在内存中，其他的在Recycler中。
ListView先请求一个type1视图(getView)然后请求其他可见的项目。convertView在getView中是空(null)的。
当item1滚出屏幕，并且一个新的项目从屏幕底端上来时，ListView再请求一个type1视图。convertView此时不是空值了，它的值是item1。你只需设定新的数据然后返回convertView，不必重新创建一个视图。

代码示例：

 public class ListViewActivity extends Activity {

     private ArrayList<String> list = new ArrayList<>();

     private ListView listView;

     private ItemAdapter itemAdapter;

     private int index = 0;

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_list_view);

         listView = (ListView) findViewById(R.id.listView);

         initData();

         itemAdapter = new ItemAdapter();

         listView.setAdapter(itemAdapter);

     }

     public void initData(){

         for(int i = 0; i < 50; i++){

             list.add("item--" + index++);

         }

     }

     class ItemAdapter extends BaseAdapter {

         @Override

         public int getCount() {

             return list.size();

         }

         @Override

         public Object getItem(int position) {

             if(position >= 0 && position < list.size()) return list.get(position);

             return null;

         }

         @Override

         public long getItemId(int position) {

             return position;

         }

         @Override

         public View getView(int position, View convertView, ViewGroup parent) {

             Log.e("getView:--" + position, convertView + "");

             ViewHolder vh;

             if(convertView == null){

                 convertView  = getLayoutInflater().inflate(R.layout.list_item, null);

                 vh = new ViewHolder();

                 vh.textView = (TextView) convertView.findViewById(R.id.textView);

                 convertView.setTag(vh);

             }else{

                 vh = (ViewHolder) convertView.getTag();

             }

             vh.textView.setText("item--" + position);

             return convertView;

         }

          class ViewHolder{

             TextView textView;

         }

     }

 }

一、ListView的大小设定固定值

首先需要了解Adapter的使用，里面有一个getCount()是返回ListView要显示的item个数，而手机界面可以显示的个数是通过： ListView的高度/item的高度。getView()方法是需要返回一个视图，如果ListView的高度不确定，而是使用wrap_content属性，那么ListView在匹配的时候，就会在一直在尝试可以显示多少个item在ListView上，那么会影响到性能问题。

 <ListView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:id="@+id/listView"

        android:layout_alignParentTop="true"

        android:layout_alignParentStart="true" />

1. 如果在layout里面没有设置ListView的高度为定值时，观察如下现象：

10-20 17:01:59.857 21761-21761/com.example.lenovo.listviewtest E/getView:--0﹕ null
10-20 17:01:59.870 21761-21761/com.example.lenovo.listviewtest E/getView:--1﹕ android.widget.LinearLayout{42994980 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.870 21761-21761/com.example.lenovo.listviewtest E/getView:--2﹕ android.widget.LinearLayout{42994980 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.870 21761-21761/com.example.lenovo.listviewtest E/getView:--3﹕ android.widget.LinearLayout{42994980 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.870 21761-21761/com.example.lenovo.listviewtest E/getView:--4﹕ android.widget.LinearLayout{42994980 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.874 21761-21761/com.example.lenovo.listviewtest E/getView:--5﹕ android.widget.LinearLayout{42994980 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.874 21761-21761/com.example.lenovo.listviewtest E/getView:--6﹕ android.widget.LinearLayout{42994980 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.874 21761-21761/com.example.lenovo.listviewtest E/getView:--7﹕ android.widget.LinearLayout{42994980 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.934 21761-21761/com.example.lenovo.listviewtest E/getView:--0﹕ android.widget.LinearLayout{42994980 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.937 21761-21761/com.example.lenovo.listviewtest E/getView:--1﹕ null
10-20 17:01:59.940 21761-21761/com.example.lenovo.listviewtest E/getView:--2﹕ null
10-20 17:01:59.944 21761-21761/com.example.lenovo.listviewtest E/getView:--3﹕ null
10-20 17:01:59.947 21761-21761/com.example.lenovo.listviewtest E/getView:--4﹕ null
10-20 17:01:59.947 21761-21761/com.example.lenovo.listviewtest E/getView:--5﹕ null
10-20 17:01:59.950 21761-21761/com.example.lenovo.listviewtest E/getView:--6﹕ null
10-20 17:01:59.950 21761-21761/com.example.lenovo.listviewtest E/getView:--7﹕ null
10-20 17:01:59.957 21761-21761/com.example.lenovo.listviewtest E/getView:--0﹕ null
10-20 17:01:59.957 21761-21761/com.example.lenovo.listviewtest E/getView:--1﹕ android.widget.LinearLayout{429a2fa0 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.957 21761-21761/com.example.lenovo.listviewtest E/getView:--2﹕ android.widget.LinearLayout{429a2fa0 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.957 21761-21761/com.example.lenovo.listviewtest E/getView:--3﹕ android.widget.LinearLayout{429a2fa0 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.957 21761-21761/com.example.lenovo.listviewtest E/getView:--4﹕ android.widget.LinearLayout{429a2fa0 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.960 21761-21761/com.example.lenovo.listviewtest E/getView:--5﹕ android.widget.LinearLayout{429a2fa0 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.960 21761-21761/com.example.lenovo.listviewtest E/getView:--6﹕ android.widget.LinearLayout{429a2fa0 V.E..... ......I. 0,0-0,0}
10-20 17:01:59.960 21761-21761/com.example.lenovo.listviewtest E/getView:--7﹕ android.widget.LinearLayout{429a2fa0 V.E..... ......I. 0,0-0,0}
.....

2. 如果设置ListView的高度为定值时，观察如下现象：

10-20 17:13:31.624 29386-29386/com.example.lenovo.listviewtest E/getView:--0﹕ null
10-20 17:13:31.631 29386-29386/com.example.lenovo.listviewtest E/getView:--1﹕ null
10-20 17:13:31.634 29386-29386/com.example.lenovo.listviewtest E/getView:--2﹕ null
10-20 17:13:31.638 29386-29386/com.example.lenovo.listviewtest E/getView:--3﹕ null
10-20 17:13:31.641 29386-29386/com.example.lenovo.listviewtest E/getView:--4﹕ null
10-20 17:13:31.644 29386-29386/com.example.lenovo.listviewtest E/getView:--5﹕ null
10-20 17:13:31.644 29386-29386/com.example.lenovo.listviewtest E/getView:--6﹕ null
10-20 17:13:31.651 29386-29386/com.example.lenovo.listviewtest E/getView:--7﹕ null
10-20 17:20:42.501 29386-29386/com.example.lenovo.listviewtest E/getView:--8﹕ null
10-20 17:20:42.614 29386-29386/com.example.lenovo.listviewtest E/getView:--9﹕ android.widget.LinearLayout{4299bd90 V.E..... ........ 0,-133-656,7}
10-20 17:20:42.698 29386-29386/com.example.lenovo.listviewtest E/getView:--10﹕ android.widget.LinearLayout{4299e9b8 V.E..... ........ 0,-128-656,12}
10-20 17:20:42.751 29386-29386/com.example.lenovo.listviewtest E/getView:--11﹕ android.widget.LinearLayout{4299fda0 V.E..... ........ 0,-138-656,2}
10-20 17:20:42.851 29386-29386/com.example.lenovo.listviewtest E/getView:--12﹕ android.widget.LinearLayout{429a1188 V.E..... ........ 0,-129-656,11}
10-20 17:20:42.998 29386-29386/com.example.lenovo.listviewtest E/getView:--13﹕ android.widget.LinearLayout{429a2570 V.E..... ........ 0,-137-656,3}
10-20 17:20:50.464 29386-29386/com.example.lenovo.listviewtest E/getView:--14﹕ android.widget.LinearLayout{429a3958 V.E..... ........ 0,-138-656,2}
10-20 17:20:58.315 29386-29386/com.example.lenovo.listviewtest E/getView:--15﹕ android.widget.LinearLayout{429a4d40 V.E..... ........ 0,-140-656,0}

结论：

由以上比较可以知道，设定ListView的属性时，为了提高匹配的效率，可以把ListView的高度设为确定值。

二、复用convertView, 使用ViewHolder提高在容器中查找组件的效率

1. 上面的代码已经重复使用了convertView了，如果每次都是重新对item中的布局实例化成View对象，view = getLayoutInflater().inflate(R.layout.list_item, null); 这是比较耗时的。

view  = getLayoutInflater().inflate(R.layout.list_item, null); 

Log.e("getView:--" + position, view + "");

10-20 19:35:03.723 18046-18046/com.example.lenovo.listviewtest E/getView:--0﹕ android.widget.LinearLayout{42998e50 V.E..... ......I. 0,0-0,0}
10-20 19:35:03.730 18046-18046/com.example.lenovo.listviewtest E/getView:--1﹕ android.widget.LinearLayout{4299bec0 V.E..... ......I. 0,0-0,0}
10-20 19:35:03.733 18046-18046/com.example.lenovo.listviewtest E/getView:--2﹕ android.widget.LinearLayout{4299d570 V.E..... ......I. 0,0-0,0}
10-20 19:35:03.737 18046-18046/com.example.lenovo.listviewtest E/getView:--3﹕ android.widget.LinearLayout{4299ec20 V.E..... ......I. 0,0-0,0}
10-20 19:35:03.740 18046-18046/com.example.lenovo.listviewtest E/getView:--4﹕ android.widget.LinearLayout{429a02d0 V.E..... ......I. 0,0-0,0}
10-20 19:35:03.743 18046-18046/com.example.lenovo.listviewtest E/getView:--5﹕ android.widget.LinearLayout{429a1980 V.E..... ......I. 0,0-0,0}
10-20 19:35:03.747 18046-18046/com.example.lenovo.listviewtest E/getView:--6﹕ android.widget.LinearLayout{429a3030 V.E..... ......I. 0,0-0,0}
10-20 19:35:03.750 18046-18046/com.example.lenovo.listviewtest E/getView:--7﹕ android.widget.LinearLayout{429a46e0 V.E..... ......I. 0,0-0,0}
10-20 19:35:11.330 18046-18046/com.example.lenovo.listviewtest E/getView:--8﹕ android.widget.LinearLayout{429a9638 V.E..... ......I. 0,0-0,0}
10-20 19:35:13.503 18046-18046/com.example.lenovo.listviewtest E/getView:--0﹕ android.widget.LinearLayout{429ab200 V.E..... ......I. 0,0-0,0}
10-20 19:35:15.697 18046-18046/com.example.lenovo.listviewtest E/getView:--8﹕ android.widget.LinearLayout{429ad050 V.E..... ......I. 0,0-0,0}
10-20 19:35:18.773 18046-18046/com.example.lenovo.listviewtest E/getView:--8﹕ android.widget.LinearLayout{429aed90 V.E..... ......I. 0,0-0,0}
10-20 19:35:20.477 18046-18046/com.example.lenovo.listviewtest E/getView:--9﹕ android.widget.LinearLayout{429b0888 V.E..... ......I. 0,0-0,0}
10-20 19:35:20.634 18046-18046/com.example.lenovo.listviewtest E/getView:--10﹕ android.widget.LinearLayout{429b21c0 V.E..... ......I. 0,0-0,0}
10-20 19:35:21.484 18046-18046/com.example.lenovo.listviewtest E/getView:--2﹕ android.widget.LinearLayout{429b3ba8 V.E..... ......I. 0,0-0,0}
10-20 19:35:21.604 18046-18046/com.example.lenovo.listviewtest E/getView:--1﹕ android.widget.LinearLayout{429b54e0 V.E..... ......I. 0,0-0,0}
10-20 19:35:21.680 18046-18046/com.example.lenovo.listviewtest E/getView:--0﹕ android.widget.LinearLayout{429b6d90 V.E..... ......I. 0,0-0,0}

2. 上面的例子是一个view就一个TextView组件，但是如果当item的结构比较复杂时，通过convertView.findById()来查找每个组件id就会很费时，如果建立一个ViewHold的话，就避免了在view容器中查找组件的耗时工作了。

10-20 20:08:49.140 3604-3604/com.example.lenovo.listviewtest E/getView:--0﹕ null
10-20 20:08:49.146 3604-3604/com.example.lenovo.listviewtest E/getView:--1﹕ null
10-20 20:08:49.150 3604-3604/com.example.lenovo.listviewtest E/getView:--2﹕ null
10-20 20:08:49.153 3604-3604/com.example.lenovo.listviewtest E/getView:--3﹕ null
10-20 20:08:49.156 3604-3604/com.example.lenovo.listviewtest E/getView:--4﹕ null
10-20 20:08:49.160 3604-3604/com.example.lenovo.listviewtest E/getView:--5﹕ null
10-20 20:08:49.160 3604-3604/com.example.lenovo.listviewtest E/getView:--6﹕ null
10-20 20:08:49.163 3604-3604/com.example.lenovo.listviewtest E/getView:--7﹕ null
10-20 20:08:53.760 3604-3604/com.example.lenovo.listviewtest E/getView:--8﹕ null
10-20 20:08:55.023 3604-3604/com.example.lenovo.listviewtest E/getView:--9﹕ android.widget.LinearLayout{ V.E..... ........ 0,-137-656,3} //item--0 convertView = Recycler中的type1
10-20 20:08:56.040 3604-3604/com.example.lenovo.listviewtest E/getView:--9﹕ android.widget.LinearLayout{ V.E..... ........ 0,1072-656,1212}
10-20 20:08:56.190 3604-3604/com.example.lenovo.listviewtest E/getView:--10﹕ android.widget.LinearLayout{4299c098 V.E..... ........ 0,-132-656,8} //item--1 convertView = Recycler中的type2
10-20 20:08:57.153 3604-3604/com.example.lenovo.listviewtest E/getView:--11﹕ android.widget.LinearLayout{4299d498 V.E..... ........ 0,-139-656,1}
10-20 20:08:58.500 3604-3604/com.example.lenovo.listviewtest E/getView:--12﹕ android.widget.LinearLayout{4299e898 V.E..... ........ 0,-132-656,8}
10-20 20:09:00.160 3604-3604/com.example.lenovo.listviewtest E/getView:--13﹕ android.widget.LinearLayout{4299fc98 V.E..... ........ 0,-134-656,6}
10-20 20:09:00.343 3604-3604/com.example.lenovo.listviewtest E/getView:--14﹕ android.widget.LinearLayout{429a1098 V.E..... ........ 0,-130-656,10}
10-20 20:09:02.023 3604-3604/com.example.lenovo.listviewtest E/getView:--15﹕ android.widget.LinearLayout{429a2498 V.E..... ........ 0,-139-656,1}
10-20 20:09:03.957 3604-3604/com.example.lenovo.listviewtest E/getView:--16﹕ android.widget.LinearLayout{429a3898 V.E..... ........ 0,-135-656,5}
10-20 20:09:06.000 3604-3604/com.example.lenovo.listviewtest E/getView:--7﹕ android.widget.LinearLayout{429a3898 V.E..... ........ 0,1053-656,1193}
10-20 20:09:06.137 3604-3604/com.example.lenovo.listviewtest E/getView:--6﹕ android.widget.LinearLayout{429a2498 V.E..... ........ 0,1043-656,1183} //item--6 从convertView中取得
10-20 20:09:06.270 3604-3604/com.example.lenovo.listviewtest E/getView:--5﹕ android.widget.LinearLayout{429a1098 V.E..... ........ 0,1063-656,1203}

在滑动ListView的时候，当最下面显示item--9的时候，item--0就存在Recycler的type1中，当convertView就不会为null了，同时通过观察以上的getView--15可以知道，此时item--6的视图在Recycler中，当向上滑动ListView显示到getView--6的时候，是从convertView中获取的，而不是新实例化layout得到的。

总结：通过对比，显然复用convertView可以提高ListView的显示效略，起到优化作用。同时如果item内部的组件多的时候，建议使用ViewHold, 可以提高在view容器中查找组件的效率。

三、使用分页加载数据

当客户端从服务端获取数据量过大，一般为用户考虑流量，我们都需要对数据进行分页加载（特别是图片的加载）,就上面的例子，模拟ListView的分页显示和下拉刷新功能。需要用到ListView的滚动监听。

 public class ListViewActivity extends Activity implements AbsListView.OnScrollListener{

     private Vector<String> list = new Vector<>(); //Vector保证线程安全

     private ListView listView;

     private ItemAdapter itemAdapter;

     private int index = 0;

     private int count = 0;

     @Override

     protected void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.activity_list_view);

         listView = (ListView) findViewById(R.id.listView);

         listView.addFooterView(getLayoutInflater().inflate(R.layout.footer_view, null));

         initData();

         itemAdapter = new ItemAdapter();

         listView.setAdapter(itemAdapter);

         listView.setOnScrollListener(this);

     }

     public void initData(){

         for(int i = 0; i < 20; i++){

             list.add("item--" + index++);

         }

     }

     private Handler handler = new Handler(){

         @Override

         public void handleMessage(Message msg) {

             if(msg.what == 100){

                 itemAdapter.notifyDataSetChanged(); //adapter更新数据，listView变化

             }

         }

     };

     Runnable r = new Runnable() {

         @Override

         public void run() {

             initData();

             try {

                 Thread.sleep(2000); //休眠2秒

             } catch (InterruptedException e) {

                 e.printStackTrace();

             }

             handler.sendEmptyMessage(100);

         }

     };

     @Override

     public void onScrollStateChanged(AbsListView view, int scrollState) {

         if(itemAdapter.getCount() == count && scrollState == AbsListView.OnScrollListener.SCROLL_STATE_IDLE){

             new Thread(r).start();  //子线程运行

         }

     }

     @Override

     public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {

         count = firstVisibleItem + visibleItemCount - 1; //减1是减去listView的footerView

     }

     class ItemAdapter extends BaseAdapter {

         @Override

         public int getCount() {

             return list.size();

         }

         @Override

         public Object getItem(int position) {

             if(position >= 0 && position < list.size()) return list.get(position);

             return null;

         }

         @Override

         public long getItemId(int position) {

             return position;

         }

         @Override

         public View getView(int position, View convertView, ViewGroup parent) {

             Log.e("getView:--" + position, convertView + "");  //观察convertView值

             ViewHolder vh;

             if(convertView == null){

                 convertView  = getLayoutInflater().inflate(R.layout.list_item, null);

                 vh = new ViewHolder();

                 vh.textView = (TextView) convertView.findViewById(R.id.textView);

                 convertView.setTag(vh);

             }else{

                 vh = (ViewHolder) convertView.getTag();

             }

             vh.textView.setText("item--" + position);

             return convertView;

         }

          class ViewHolder{

             TextView textView;

         }

     }

 }

listView页脚：

 <?xml version="1.0" encoding="utf-8"?>

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

     android:orientation="horizontal" android:layout_width="match_parent"

     android:layout_height="wrap_content" android:gravity="center_horizontal">

     <ProgressBar

         style="?android:attr/progressBarStyleSmall"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:id="@+id/progressBar" />

     <TextView

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:textAppearance="?android:attr/textAppearanceSmall"

         android:text="正在努力加载..."

         android:id="@+id/textView" />

 </LinearLayout>

四、快速滚动时, item中可以不显示耗时加载的图片或其他资源

一般情况下需要从网络获取图片显示需要做缓存处理，那么此时可以实现ListView的滚动监听OnScrollListener接口中的方法：

   private int startPosition;

   private int endPosition;

     @Override

     public void onScrollStateChanged(AbsListView view, int scrollState) {

         switch (scrollState){

             case SCROLL_STATE_IDLE:{

                 if(itemAdapter.getCount() == count){

                     new Thread(r).start();  //子线程运行

                 }

                 for(int i = startPosition; i < endPosition; i++){

                     //可以设置图片的加载显示

                 }

                 break;

             }

             case SCROLL_STATE_TOUCH_SCROLL:

                 //可以设置图片的加载显示

                 //...

                 break;

             case SCROLL_STATE_FLING: //快速滚动

                 break;

         }

     }

     @Override

     public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {

         count = firstVisibleItem + visibleItemCount - 1; //减1是减去listView的footerView

         startPosition = firstVisibleItem; //可视起始的item位置

         endPosition = count; //可视最后的item位置

     }

巴特西

Android之ListView优化

最新文章

热门文章