android群英传笔记——ListView常用优化技巧（一、使用ViewHolder模式提高效率）

    一段时间没有更新博客了，最近开始了JSP的课程，同时也要学习Android，所以进度有所下降，但是不影响笔者Android群英传的学习。

一、使用ViewHolder模式提高效率

    使用ViewHolder模式可以提高50%以上的效率，其使用方法也是比较简单的。只要在自定义的Adapter中定义一个内部类，再将子项的控件获取到并存储进内部类即可。其作用就是优化代码，减少加载控件的时间。    其内部类的定义方法如下所示：

/** * 用于缓存已经加载过的子项控件 */public final class ViewHolder {    public ImageView img;    public TextView title;}

以下是测试过程：程序运行如图所示：

笔者在自定义Adapter内执行ViewHolder时，添加日志输出，以下是第一次运行时的log日志：

10-28 11:58:30.561 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!10-28 11:58:30.634 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!10-28 11:58:30.669 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!10-28 11:58:30.689 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!10-28 11:58:30.707 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!10-28 11:58:30.712 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!

读者们可以看出其中的关系吗？对，log缓存次数其实就是屏幕上加载的子项数量，可以看出第一次加载时的速度并没有太大提升，因为都需要进行相同的加载次数。于是笔者向下滑动了ListView，日志如下所示：

10-28 11:58:30.561 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!10-28 11:58:30.634 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!10-28 11:58:30.669 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!10-28 11:58:30.689 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!10-28 11:58:30.707 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!10-28 11:58:30.712 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!10-28 11:58:33.006 14886-14886/com.example.listviewcontrol3 I/HolderAdapter: HolderAdapterGetView: 执行缓存!

其实笔者滑到了底部，笔者在ListView中设置了10个子项，但是log日志只加载了7次，不是10次吗？不是，在加载完屏幕的子项后，只加载了一次，也就意味着除了屏幕上的加载以外，未显示的子项在第一次加载后，不进行重复加载。也就是说直接调用了ViewHolder内存储的已加载的控件，以此优化了ListView。笔者在ListView的上方加上了删除和添加子项的按钮，以此测试当ListView添加新的子项时是否直接调用缓存好的子项控件。结果发现日志没有显示执行缓存，意味着在后期添加子项时都无需再加载，直接调用。可见，在子项比较多的时候，此方法可大幅度优化ListView的滑动。

代码

以下是测试代码：activity_main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    tools:context="com.example.listviewcontrol3.MainActivity">    <LinearLayout        android:layout_width="match_parent"        android:layout_height="50dp"        android:orientation="horizontal">        <!--用于添加子项的按钮-->        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_weight="1"            android:text="@string/btn_add"            android:id="@+id/btn_add"/>        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_weight="1"            android:text="@string/btn_div"            android:id="@+id/btn_div" />    </LinearLayout>    <FrameLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical">        <!--可以通过 android:divider="@null" 来设置透明分割线-->        <!--android:scrollbars="none" 可以设置隐藏滚动条-->        <!--android:listSelector="@android:color/transparent" 用来取消item的点击效果-->        <ListView            android:layout_width="match_parent"            android:layout_height="match_parent"            android:divider="@color/red"            android:dividerHeight="3dp"            android:scrollbars="none"            android:listSelector="@android:color/transparent"            android:id="@+id/list_view" />        <include            layout="@layout/empty_list_view"            android:layout_width="match_parent"            android:layout_height="match_parent"            android:id="@+id/empty_view"/>    </FrameLayout></LinearLayout>

viewholder_item.xml

<?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="match_parent">    <ImageView        android:layout_width="100dp"        android:layout_height="100dp"        android:id="@+id/imageView"/>    <TextView        android:layout_width="match_parent"        android:layout_height="100dp"        android:layout_marginStart="20dp"        android:textSize="24sp"        android:id="@+id/textView"/></LinearLayout>

empty_item.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical" android:layout_width="match_parent"    android:layout_height="match_parent">    <TextView        android:layout_width="match_parent"        android:layout_height="match_parent"        android:text="@string/list_item_empty"        android:gravity="center"        android:textSize="30sp"/></LinearLayout>

MainActivity.java

package com.example.listviewcontrol3;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.util.Log;import android.view.MotionEvent;import android.view.View;import android.widget.AbsListView;import android.widget.Button;import android.widget.ListView;import android.widget.Toast;import java.util.ArrayList;public class MainActivity extends AppCompatActivity {    private ArrayList<String> list;    private HolderAdapter adapter;    private ListView listView;    private String TAG = "HolderAdapter";    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        // 随意加入数据，在适配器内已经设置了图片，故只用向适配器传递一个字符串集合即可        list = new ArrayList<>();        for(int i = 0; i < 10; i++){            list.add(getResources().getString(R.string.list_item_text));        }        adapter = new HolderAdapter(this, list);        listView = (ListView) findViewById(R.id.list_view);        // 假设控件存在        assert listView != null : "未找到listVie!!!";        listView.setAdapter(adapter);        // 给listView 设置没有数据时显示的视图        listView.setEmptyView(findViewById(R.id.empty_view));        //listView.setOnTouchListener(new OnTouchListViewListener());        listView.setOnScrollListener(new OnListScrollListener());        Button btnAdd = (Button) findViewById(R.id.btn_add);        assert btnAdd != null : "未找到btn_add按钮!!!";        btnAdd.setOnClickListener(new OnAddClickListener());        Button btnDiv = (Button) findViewById(R.id.btn_div);        assert btnDiv != null : "未找到btn_div按钮!!!";        btnDiv.setOnClickListener(new OnDivClickListener());    }    /**     * 添加add按钮监听事件类     */    private class OnAddClickListener implements View.OnClickListener {        @Override        public void onClick(View v) {            // 给数据源添加数据            list.add("new!!!");            // 刷新界面            adapter.notifyDataSetChanged();            // 设置初始时显示的位置            listView.setSelection(list.size() - 1);            Log.i(TAG, "btnAddOnClick: 添加成功！");        }    }    /**     * 添加div按钮监听事件类     */    private class OnDivClickListener implements View.OnClickListener {        @Override        public void onClick(View v) {            if(list.size() > 0) {                // 删除数据源中的数据                list.remove(list.size() - 1);                // 刷新界面                adapter.notifyDataSetChanged();                // 设置初始时显示的位置                listView.setSelection(list.size() - 1);                Log.i(TAG, "btnDivOnClick: 删除成功！");            } else {                Toast.makeText(MainActivity.this,R.string.item_not_clear, Toast.LENGTH_SHORT).show();                Log.i(TAG, "btnDivOnClick: list为空！");            }        }    }    /**     * listView的触摸监听类     */    private class OnTouchListViewListener implements View.OnTouchListener {        @Override        public boolean onTouch(View v, MotionEvent event) {            switch (event.getAction()){                case MotionEvent.ACTION_DOWN:                    // 触碰到时的操作                    Log.i(TAG, "onTouch: ACTION_DOWN!");                    break;                case MotionEvent.ACTION_MOVE:                    // 移动时的操作                    Log.i(TAG, "onTouch: ACTION_MOVE!");                    break;                case MotionEvent.ACTION_UP:                    // 离开时操作                    Log.i(TAG, "onTouch: ACTION_UP!");                    break;            }            return false;        }    }    /**     * 滑动事件监听类     */    private class OnListScrollListener implements AbsListView.OnScrollListener {        /**         * 监听滑动状态         * @param view 监听的控件         * @param scrollState 监听控件的状态         */        @Override        public void onScrollStateChanged(AbsListView view, int scrollState) {            switch (scrollState){                case OnListScrollListener.SCROLL_STATE_IDLE:                    // 滑动停止时                    Log.d(TAG, "onScrollStateChanged: scrollStop!");                    break;                case OnListScrollListener.SCROLL_STATE_TOUCH_SCROLL:                    // 正在滑动                    Log.d(TAG, "onScrollStateChanged: scrolling!");                    break;                case OnListScrollListener.SCROLL_STATE_FLING:                    // 手指抛动时，即手指用力滑动在离开后ListView由于惯性继续滑动                    Log.d(TAG, "onScrollStateChanged: scrollFling!");                    break;            }        }        /**         * 监听listView的滚动状态         * @param view 当前view         * @param firstVisibleItem 第一个显示的子项id         * @param visibleItemCount 可见的子项总数，包括显示部分的子项         * @param totalItemCount 子项的总数         */        @Override        public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {            // 滚动时一直调用            Log.d(TAG, "onScroll: onScroll!!!");            if(firstVisibleItem+visibleItemCount==totalItemCount && totalItemCount>0){                // 滚动到最后一行                Log.d(TAG, "onScroll: OnLastItem!");            }        }    }}

HolderAdapter.java

package com.example.listviewcontrol3;import android.content.Context;import android.util.Log;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.TextView;import java.util.List;/** * 利用ViewHolder提高效率 * Created by shize on 2016/10/24. */public class HolderAdapter extends BaseAdapter {    private List<String> mData;    private LayoutInflater mInflater;    private String TAG = "HolderAdapter";    public HolderAdapter(Context context, List<String> data) {        this.mData = data;        mInflater = LayoutInflater.from(context);    }    @Override    public int getCount() {        return mData.size();    }    @Override    public Object getItem(int position) {        return mData.get(position);    }    @Override    public long getItemId(int position) {        return position;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {        ViewHolder holder = null;        // 判断是否缓存，若控件已经加载过了，就跳过加载，直接对控件进行样式参数的设置        if (convertView == null) {            holder = new ViewHolder();            // 通过LayoutInflater实例化布局            convertView = mInflater.inflate(R.layout.viewholder_item, null);            // 加载控件，缓存进holder内            holder.img = (ImageView) convertView.findViewById(R.id.imageView);            holder.title = (TextView) convertView.findViewById(R.id.textView);            convertView.setTag(holder);            Log.i(TAG, "HolderAdapterGetView: 执行缓存!");        } else {            // 通过tag找到缓存的布局            holder = (ViewHolder) convertView.getTag();        }        // 设置子项控件的图片和文字        holder.img.setImageResource(R.drawable.ic_launcher);        holder.title.setText(mData.get(position));        return convertView;    }    /**     * 用于缓存已经加载过的子项控件     */    public final class ViewHolder {        public ImageView img;        public TextView title;    }}

感谢阅读，学习重在坚持，贵在坚持，那么下次再见。