Android开发之ListView(实现列表与其点击事件)

文章目录

  • 效果预览
  • 基本构架
    • activity_main.xml
    • 条目布局
    • Bean类
    • 数据获取
    • MyAdapter类
  • 条目点击事件
  • 运行效果

效果预览

大概就是实现列表,列表中有诸多条目且可以触发点击事件。
Android开发之ListView(实现列表与其点击事件)_第1张图片

基本构架

activity_main.xml

直接在任意布局里创建一个ListView就好了,但这个时候徒有其形,其中的条目内容是默认的,也无法互动。


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:orientation="vertical">

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

LinearLayout>

条目布局

列表中的条目称之为item,这些item也有自己的布局,我们需要在res->layout文件夹中为其创建布局资源item_layout.xml。其中为每个条目中的布局情况,这里演示比较简单,就用线性布局,组件就只有一个文本,设置其id为text


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

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

LinearLayout>

Bean类

一般来说,item中的数据需要从别的渠道获取(比如联网),我们需要一个类来完成获取数据的操作,这个类就是Bean(我也不知道为啥要叫这个名字)。因为这里数据只有一个字符串,所以该类的成员变量只有一个String name,然后使用快捷键Alt+Insert,选择Getter and Setter就可以快速补全代码。
Android开发之ListView(实现列表与其点击事件)_第2张图片

package com.example.mylistview;

public class Bean {
    String name;

    public String getName() {
        return name;
    }

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

数据获取

因为还没有学联网,这里先本地自己造一些放进条目里的字符串,主要是演示一下怎么使用Bean类。

先声明一个Bean类型的列表用来装数据:

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

之后for循环,声明Bean类型的实例,设置其中的数据,然后存到列表里。

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

MyAdapter类

完成数据的获取之后,就需要将其放到ListView中,先通过findViewById找到我们的ListView,然后通过一个adapter将数据填充进去。

		ListView list = findViewById(R.id.list);
        list.setAdapter(new MyAdapter(data, this));

MyAdapter类继承自安卓提供的BaseAdapter类,使用Alt+Enter就可以补全需要实现的四个方法的框架。分别是获取条目数量、获取Item、获取ItemID和获取View。

首先我们先把数据传入adapter中,这可以通过MyAdapter的构造方法来实现,分别传入data和context:

    private List<Bean> data;
    private Context context;

    public MyAdapter(List<Bean> data, Context context) {
        this.data = data;
        this.context = context;
    }

而自动补全的几个方法也需要略改一下,比如说获取条目数量,我们需要返回data列表的大小:

    @Override
    public int getCount() {
        return data.size();
    }

获取条目ID的时候我们直接返回i:

    @Override
    public long getItemId(int i) {
        return i;
    }

而获取View就要复杂一些了,也是最关键的,每次在屏幕上显示某个item时都需要调用该函数。

改方法的逻辑是,当某个View之前没有被获取过时,新建一个viewHolder,该类是用来储存view中的信息的,防止重复findViewById,算是一个优化,该类的成员就是每个item中的组件,在这里就是一个TextView:

	private final class  ViewHolder{
        TextView textView;
    }

用viewHolder将数据存储起来,之后用setTag()将其添加到view上,然后用之前写好的条目布局item_layout渲染出一个View,将其放到view里;如果该view之前就被创建过,我们就用getTag()将之前添加的数据拿回viewHolder里。
最后,将对应条目的数据加载到viewHolder中,就完成了。

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        ViewHolder viewHolder;
        if(view == null){
            viewHolder = new ViewHolder();
            view = LayoutInflater.from(context).inflate(R.layout.item_layout, viewGroup, false);
            viewHolder.textView = view.findViewById(R.id.text);
            view.setTag(viewHolder);
        }
        else {
            viewHolder = (ViewHolder) view.getTag();
        }
        //TextView textview = view.findViewById(R.id.text);
        //textview.setText(data.get(i).getName());
        viewHolder.textView.setText(data.get(i).getName());

        Log.e("ShadyPi", "getView: "+i);

        return view;
    }

条目点击事件

这个跟按钮点击差不多,在MainActivity.java中设置一个监听及其点击响应函数即可:

		list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                Log.e("ShadyPi", "click:"+i);
            }
        });

运行效果

可以看到,随着屏幕滚动,条目不断被加载,一直在调用getView函数,而点击后响应事件也被触发了。
Android开发之ListView(实现列表与其点击事件)_第3张图片

你可能感兴趣的:(Android开发,android,android,studio)