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

简介: 零、前言[1] ListView 可以说是曾经的数一数二的控件,现在渐渐被RecycleView夺取锋芒。简单功能的使用ListView还是可以的。[2] 本篇数据来源随机数据,方法可以看这篇:1-VI--随机数据生成 [3] 本篇介绍Lis...

零、前言

[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>

后记、

1.声明:

[1]本文由张风捷特烈原创,转载请注明
[2]欢迎广大编程爱好者共同交流
[3]个人能力有限,如有不正之处欢迎大家批评指证,必定虚心改正
[4]你的喜欢与支持将是我最大的动力

2.连接传送门:

更多安卓技术欢迎访问:安卓技术栈
我的github地址:欢迎star
简书首发,腾讯云+社区同步更新
张风捷特烈个人网站,编程笔记请访问:http://www.toly1994.com

3.联系我

QQ:1981462002
邮箱:1981462002@qq.com
微信:zdl1994328

4.欢迎关注我的微信公众号,最新精彩文章,及时送达:
公众号.jpg

我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=nh4wfi2khniq

相关文章
|
17天前
|
XML 数据格式
ListView示例(附详解+源码)
ListView示例(附详解+源码)
22 3
|
9月前
Echarts实战案例代码(26):折线图组件连接空数据connectNulls的用法
Echarts实战案例代码(26):折线图组件连接空数据connectNulls的用法
212 0
|
3月前
|
Unix 开发工具 C++
Vim基本使用操作
Vim基本使用操作
|
12月前
|
数据采集 缓存 算法
触发VI编程笔记
触发VI编程笔记
61 0
|
JavaScript Java 开发工具
vue-router 如何做到页面切换?<root-view>, <root-link> 源码解析
写路由相关的代码的时候,写完页面组件的相关的代码后,就可以直接一把梭哈 vue-router,但是 vue-router 是怎么实现它们间的切换的呢?
|
Android开发
6-VI--ListView琐碎小知识点汇总
1、ListView不显示蓝色阴影: 强迫症的你有没有很讨厌这个阴影,反正我是不喜欢,去除方法: 阴影.png listview.setOverScrollMode(ListView.
1268 0
5-VI--ListView事件全解析
零、前言 [0.]本案例使用这篇的项目(你也可以用其他的):4-VI--ListView的封装支持多种条目 [1].条目点击事件 [2].条目长按事件 [3].
1243 0
|
Android开发
3-VI--☆ListView的封装
零、前言 [1].第一次自己ListView封装时,封装的比较差,用起来不是很好用,虽然比起原生好很多 [2].第二次接触ListView封装是在慕课网hyman的课程,深深折服 [3].
959 0
|
XML 前端开发 Android开发
1-VII-RecyclerView基本使用
零、前言 [1].RecyclerView可以说是现在安卓视图的一哥了 [2].加包implementation 'com.android.support:design:26.
1072 0
|
XML Android开发 数据格式
4-VI--☆ListView的封装支持多种条目
零、前言 [1.]封装了一晚,总算把多条目的ListView封装了一下 listview.gif 一、使用 1.初始化数据 ArrayList messages = new ArrayList(); messages.
835 0