安卓APP_ 控件（10）—— ListView可上下滑动的列表（重要）与ViewHolder优化

摘自：安卓APP_ 控件（10）—— ListView可上下滑动的列表（重要）与ViewHolder优化
作者：丶PURSUING
发布时间： 2021-04-12 23:28:27
网址：https://blog.csdn.net/weixin_44742824/article/details/115618378

项目运行效果

ListView实现效果一睹为快

可以进行上下的滑动，也可以对每一个条目进行点击，每个条目称为ListView的item。

（1）创建ListView

在activity_main.xml下创建ListView，默认显示效果如下：
当然，还要对每一个item填充数据，并且每一个item实际上就是一种布局，所以要给item进行布局。

（2）创建新的item布局

根据项目需求进行设置，这里仅用TestView做简单的演示。

（3）创建 javaBean

设置完以上两个布局后，就要设置数据。ListView数据都是从网上获取的，在item下可能会有好几个数据，所以一般会去创建一个java的Bean类。

使用代码生成器，生成name的设置方法与获取方法
（快捷键为alt+Insert）

（4）创建数据中间桥梁：Adapter

用for循环模拟从网上获取的数据，数据如何填充listview这个对象呢？有个辅助类：Adapter

Adapter（适配器）
Adapter是用来帮助填出数据的中间桥梁，简单点说就是将各种数据以合适的形式显示在View中给用户看。

在MainActivity.java中调用了Adapter，如下：

而Adapter的实现细节还要看下文的“更多细节在代码中体现”。

（5）listView的点击效果

实际上listView给我们提供有监听事件：

效果如下图

更多细节在代码中体现

Mainactivity.java

public class MainActivity extends AppCompatActivity {

    private List<Bean> data = new ArrayList<>();

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

        for(int i = 0;i< 100;i++){
            Bean bean = new Bean();
            bean.setName("zhua"+i);
            data.add(bean);
        }

        //拿到listview的对象
        ListView listview = findViewById(R.id.lv);

        //数据如何填充这个对象呢？把数据放到Adapter里面去
        listview.setAdapter(new myAdapter(data,this));

        //listview的监听事件
        listview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            //方法重写，点击后打印position
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Log.e("zhua", "onItemClick: "+position );
            }
        });
    }
}

 
 

 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

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="wrap_content"
    android:orientation="vertical">

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

</LinearLayout>

 
 

 
 
1
2
3
4
5
6
7
8
9
10
11
12
13

myAdapter.java

//继承BaseAdapter后实现其方法
public class myAdapter extends BaseAdapter {

    private List<Bean> data;
    private Context context;
    //存放数据，以及把context放进去的构造方法
    public myAdapter(List<Bean> data, Context context){
        this.data = data;
        this.context = context;
    }

    @Override
    //返回listview能够显示多少数据：data有多少显示多少
    public int getCount() {
        return data.size();
    }

    @Override
    //获取item
    public Object getItem(int position) {
        return null;
    }

    @Override
    //获取itemid
    public long getItemId(int position) {
        return position;
    }

    @Override
    //返回每一个item条目并给它进行一个设值后返回到界面上。
    //每次在显示的时候，都会调用getview给每一个item进行赋值
    public View getView(int position, View convertView, ViewGroup parent) {

        //因为item是可以复用的，上下滑动界面时会不断地进行判断，为了防止convertView不断创建，要进行判断
        if(convertView == null){
            //先拿到item条目的布局                             渲染layout.list_item,渲染后给到convertView
            convertView = LayoutInflater.from(context).inflate(R.layout.list_item,parent,false);
        }

        //需要把data创建的那些值，传到textView每一个item上面（这个值在项目中是从网上获取的）
        TextView textView = convertView.findViewById(R.id.tv);

        //getView并不是只会调用一次，而是界面每显示一个item的时候都会创建一次
        textView.setText(data.get(position).getName());//这样就把name设置到了textview上面

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

        return convertView;
    }

}

 
 

 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

Bean.java

public class Bean {
    String name;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

 
 

 
 
1
2
3
4
5
6
7
8
9
10
11

list_item.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="wrap_content"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tv"
        android:textSize="30sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

 
 

 
 
1
2
3
4
5
6
7
8
9
10
11
12

重点：优化getView中需要多次调用的 findViewById

但是上面的使用方法，并不是ListView的最优解，因为在myAdapter.java中，每次调用getView都会间接调用方法findViewByld,这非常耗时，效率不高。

优化后的myAdapter.java：每次在getView调用的时候就节省了findViewByld的调用时间。

//继承BaseAdapter后实现其方法
public class myAdapter extends BaseAdapter {

    private List<Bean> data;
    private Context context;
    //存放数据，以及把context放进去的构造方法
    public myAdapter(List<Bean> data, Context context){
        this.data = data;
        this.context = context;
    }

    @Override
    //返回listview能够显示多少数据：data有多少显示多少
    public int getCount() {
        return data.size();
    }

    @Override
    //获取item
    public Object getItem(int position) {
        return null;
    }

    @Override
    //获取itemid
    public long getItemId(int position) {
        return position;
    }

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

        //（2）创建viewHolder对象
        ViewHolder viewHolder;
        //当convertView为null的时候（首次进入）进行如下设置
        if(convertView == null){
            //（3）实例化这个对象
            viewHolder = new ViewHolder();

            convertView = LayoutInflater.from(context).inflate(R.layout.list_item,parent,false);

            //（4）让它去获取findViewById:把TextView放到ViewHolder里面
            viewHolder.textView = convertView.findViewById(R.id.tv);

            //（5）再通过setTag把viewHolder放到convertView里面去
            convertView.setTag(viewHolder);
        }else{
            //（6）不是第一次进来不需要进行上面的设置，直接：
            viewHolder = (ViewHolder) convertView.getTag();//使viewHolder.textView与R.id.tv进行了“绑定”
        }

        //（7）再使用textView的时候呢就要通过viewHolder
        viewHolder.textView.setText(data.get(position).getName());//这样就把name设置到了textview上面

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

        return convertView;
    }

    //（1）创建ViewHolder类
    private final class ViewHolder{
        TextView textView;//在item布局中有几个子控件就填充几个
    }
}

 
 

 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

其他补充：

知识扫盲

（1）什么是ViewHolder

ViewHolder通常出现在适配器里，为的是listview滚动的时候快速设置值，而不必每次都重新创建很多对象，从而提升性能。

在android开发中Listview是一个很重要的组件，它以列表的形式根据数据的长自适应展示具体内容,用户可以自由的定义listview每一列的布局，但当listview有大量的数据需要加载的时候，会占据大量内存，影响性能，这时候就需要按需填充并重新使用view来减少对象的创建。

ListView加载数据都是在public View getView(int position, View convertView, ViewGroup parent) {}方法中进行的(要自定义listview都需要重写listadapter:如BaseAdapter,SimpleAdapter,CursorAdapter的等的getvView方法)。

优化listview的加载速度就要让convertView匹配列表类型，并最大程度上的重新使用convertView。 getview的最慢的加载方式是每一次都重新定义一个View载入布局，再加载数据。而最快的方式是定义一个ViewHolder，将convetView的tag设置为ViewHolder,不为null时重新使用即可。

（2）什么是setTag

我们使用View，大多数情况就是为了向用户展示一定的数据，因此，view的使用又总是离不开数据的。基本很多人的做法都会把数据以及view分开，但是其实在Android开发的view中已经有api接口可以完成一定量数据的存储了，这就是——View.setTag()以及View.getTag()

功力不够，应用场景暂时看不懂，先挂着：Android View中setTag的二三事

（3）什么是javaBean

Java语言欠缺属性、事件、多重继承功能。所以，如果要在Java程序中实现一些面向对象编程的常见需求，只能手写大量胶水代码。Java Bean正是编写这套胶水代码的惯用模式或约定。

举例详解