首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >2-VI--ListView的基本使用及优化

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

作者头像
张风捷特烈
发布2018-09-26 16:33:24
4420
发布2018-09-26 16:33:24
举报
零、前言

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>

本文由张风捷特烈原创,转载请注明 更多安卓技术欢迎访问:https://www.jianshu.com/c/004f3fe34c94 张风捷特烈个人网站,编程笔记请访问:http://www.toly1994.com 你的喜欢与支持将是我最大的动力

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.08.27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 零、前言
    • 效果
    • 一、普通使用
    • 二、优化1、使用convertView
      • 1.关于convertView源码注释:
        • 2.修改:MyListViewAdapter#getView
        • 三、优化2、使用ViewHolder
          • 1.MyListViewAdapter内部类ViewHolder
            • 2.修改:MyListViewAdapter#getView
            • 附录、布局:
              • activity_main.xml
                • layout/item_array_with_img.xml
                相关产品与服务
                容器服务
                腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档