您现在的位置是：首页 > 文章详情

2-VI--ListView的基本使用及优化

日期：2018-08-26点击：531收藏

零、前言

[1] ListView 可以说是曾经的数一数二的控件，现在渐渐被RecycleView夺取锋芒。简单功能的使用ListView还是可以的。
[2] 本篇数据来源随机数据，方法可以看这篇：1-VI--随机数据生成
[3] 本篇介绍ListView数据填充及优化，普通使用-->convertView优化-->ViewHolder优化

效果

效果.png

一、普通使用

public class MainActivity extends AppCompatActivity {

    private static final String TAG = "MainActivity";
    @BindView(R.id.lv)
    ListView mLv;
    private ArrayList<String> mNames;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);

        mNames = DataUtils.getRandomName(200000, true);
        mLv.setAdapter(new MyListViewAdapter());
    }

    /**
     * 数据适配类
     */
    class MyListViewAdapter extends BaseAdapter {
        /**
         * 数据数量
         *
         * @return 数据数量
         */
        @Override
        public int getCount() {
            return mNames.size();
        }

        /**
         * 获取相应位置数据
         *
         * @param position 位置
         * @return 相应位置数据
         */
        @Override
        public String getItem(int position) {
            return mNames.get(position);
        }

        /**
         * 获取位置
         *
         * @param position 相应位置
         * @return 位置
         */
        @Override
        public long getItemId(int position) {
            return position;
        }

        /**
         * @param position    位置
         * @param convertView 用于转换的View
         * @param parent      容器
         * @return view 条目的View
         */
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            LayoutInflater inflater = LayoutInflater.from(MainActivity.this);
            View view = inflater.inflate(R.layout.item_array_with_img, null);
            TextView tv_title = view.findViewById(R.id.tv_title);
            tv_title.setText(getItem(position));
            return view;
        }
    }

数据200000条，测试时，当滑动很快时，不断创建View条目，会卡卡的

二、优化1、使用convertView

1.关于convertView源码注释：

The old view to reuse, if possible.
如果可以尽量将旧的View重用
Note: You should check that this view is non-null and of an appropriate type before using. 
注意：在使用之前，你应该检查一下这个View是非空的并且是何时的类型
If it is not possible to convert this view to display the correct data, this method can create a new view.
如果它果不能转换这个视图来显示正确的数据，这个方法能创建一个新的View
Heterogeneous lists can specify their number of view types, so that this View is always of the right type 
不均匀的列表可以指定它们的视图类型的数量，因此这个视图总是正确的类型

2.修改：MyListViewAdapter#getView

//convertView为空时创建view,否则使用convertView
View view =
        convertView == null ?
        LayoutInflater.from(MainActivity.this).inflate(R.layout.item_array_with_img, null)
        : convertView;
TextView tv_title = view.findViewById(R.id.tv_title);
tv_title.setText(getItem(position));
return view;

数据200000条，测试时，当滑动非常非常快时，会有一点点会卡

三、优化2、使用ViewHolder

曾经我纳闷，好好的用ViewHolder干嘛，convertView之后已经很好了啊
现在明白：每个item的创建都会执行getView方法，findViewById就会执行一次，200000条数据就会有200000次
而一次findViewById结果是不变的，没必要多查199999次。

1.MyListViewAdapter内部类ViewHolder

/**
 * MyListViewAdapter内部类ViewHolder
 */
class ViewHolder {
    TextView mTextView;
}

2.修改：MyListViewAdapter#getView

public View getView(int position, View convertView, ViewGroup parent) {
    View view = null;
    ViewHolder viewHolder;
    //convertView为空时创建view和findViewById,否则使用convertView
    if (convertView == null) {
        view = LayoutInflater.from(Up2Activity.this).inflate(R.layout.item_array_with_img, null);
        viewHolder = new ViewHolder();
        viewHolder.mTextView = view.findViewById(R.id.tv_title);
        view.setTag(viewHolder);//设标签以便取出
    } else {
        view = convertView;
        viewHolder = (ViewHolder) view.getTag();//拿到viewHolder
    }
    viewHolder.mTextView.setText(getItem(position));
    return view;
}

只有convertView为空时才会findViewById和创建ViewHolder
数据200000条，测试时，当滑动非常非常非常快时，感觉良好

附录、布局：

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fastScrollEnabled="true">
    </ListView>
</LinearLayout>

layout/item_array_with_img.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:padding="10dp">

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"/>
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:textSize="18sp"
        android:textColor="#000"
        android:layout_toRightOf="@+id/iv_icon"
        android:text=""/>
</RelativeLayout>