安卓控件--列表（ListVIew）实现

原理

Listview的两个职责

1.将数据填充到布局

2.处理用户的点击事件

Listview的三个元素

1.ListView中每一列的View（layout文件）

2.填入View中的数据或图片

3.连接数据与ListView的适配器（Adapter）

4.什么是Adapter

1含义：适配器是一个连接数据和AdapterView（ListView就是一个典型的AdapterView）的桥梁，通过它能有效地实现数据与AdapterView的分离设置，使AdapterView与数据的绑定更加简便，修改更加方便Android中提供了很多的Adapter。
Adapter主要负责提供容器（ListView）装载要显示的数据，在运行时，当需要显示数据时，ListView中会针对数据项向适配器取出数据，从而加载到界面上。

2作用：作为数据和视图之间的桥梁

由于ListView和所要展现的数据是分开的，不直接接触，所以，Adapter的作用是把数据映射到ListView上，作为中介的作用。

适配器本身属于一个接口，适配器借口以及继承关系如下 

1. ArrayAdapter：简单，易用的适配器，用于将数组绑定为列表项的数据源，支持泛型操作
2. SimpleAdapter：功能强大的适配器，用于将XML中控件绑定为列表项的数据源
3. SimpleCursorAdapter：与SimpleAdapter类似，用于绑定游标（直接从数据数取出数据）作为列表项的数据源
4. BaseAdapter：可自定义的ListView，通用用于被扩展扩展BaseAdapter可以对各个列表项进行最大程度的定制。

 4.试想下这么一个场景：如果把所有数据集合的信息都加载到视图上，如果ListView控件要为每个数据都创建一个视图，

那么会占用非常多的内存从上面可知，ListView控件不会为每一个数据创建一个视图，为了节省空间和时间，Android的采用了一个叫循环机的组件。

工作原理：当屏幕需要显示X个项时，那么ListView中只会创建X + 1个视图，当第一个项目离开屏幕时，此项目的视图就会被拿来重用（用于显示下一个项（即第X + 1个）的内容）。

 

在自定义ListView时，BaseAdapter通常要被继承重写，这里介绍一下它的用法

BaseAdapter

使用步骤

1.自定义主活动xml布局

2.ListView每行显示的xml布局

3.定义一个Adapter继承BaseAdapter，重写里面的方法

4.定义一个HashMap构成的列表，将数据以键值对的形式存放在里面

5.构造Adapter对象，设置适配器

6.将LsitView绑定到适配器上。

第一步：.自定义主活动xml布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

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

</LinearLayout>

2.第二步：ListView每行显示的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">

    <ImageView
        android:layout_alignParentRight="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/ItemImage"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮"
        android:id="@+id/ItemBottom"
        android:focusable="false"
        android:layout_toLeftOf="@+id/ItemImage" />
    <TextView android:id="@+id/ItemTitle"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:textSize="20sp"/>
    <TextView android:id="@+id/ItemText"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:layout_below="@+id/ItemTitle"/>

</RelativeLayout>

3.第三步：定义一个Adapter继承BaseAdapter，重写里面的方法

讲一下BaseAdapter里必须重写的4个方法 
- BaseAdapter的灵活性就在于它要重写很多方法，其中最重要的即为getView（）方法。
- 我们结合上述重写的4个方法了解下系统-绘制的ListView的原理：

1. 1. 当系统开始绘制的ListView的时候，首先调用getCount()方法。得到它的返回值，即ListView中的长度。
   2. 系统调用getView()方法，根据这个长度逐一绘制的ListView的每一行。（如果让getCount将()返回1，那么只显示一行）。
   3. getItem()时和getItemId()则在需要处理和取得适配器中的数据时调用。
   4. 那么getView()如何使用呢？如果有10000行数据就绘制万次？这肯定会极大的消耗资源，导致的ListView滑动非常的慢，那应该怎么做呢？可以使用BaseAdapter进行优化的ListView的显示。
   5. 以下将使用3种重写方法来说明getView()的使用

//

  这个方法返回了指定索引对应的数据项的视图,重要
    /*
    这种方法每次getView()都要findViewById和重新绘制一个视图，当列表项数据量很大的时候会严重影响性能，
    造成下拉很慢，所以数据量大的时候不推荐用这种方式
     */
    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {//i即是索引
        View item = mInflater.inflate(R.layout.item_layout,null);//该方法将一个布局转化成为一个视图
        ImageView imageView = (ImageView) item.findViewById(R.id.ItemImage);
        TextView title = (TextView)item.findViewById(R.id.ItemTitle);
        TextView test = (TextView)item.findViewById(R.id.ItemText);
        Button btn = (Button) item.findViewById(R.id.ItemBotton);
        imageView.setImageResource((Integer) listItem.get(i).get("ItemImage"));
        title.setText((String)listItem.get(i).get("ItemTitle"));
        test.setText((String) listItem.get(i).get("ItemText"));
        return view;
    }

/*
getView（）返回值是一个视图，把它作为输入参数
并放到getView（）输入参数里，形成反馈这样就形成了适配器的ItemView控件重用机制，
减少了重绘查看的次数。这种方法和第一种相比减少了重绘查看的次数，但是还是每一次都要findViewById
 */
    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {//i即是索引
        if(view == null){
            view = mInflater.inflate(R.layout.item_layout, null);
        }//检测有没有可以重用的View，没有就重新绘制
        ImageView imageView = (ImageView) view.findViewById(R.id.ItemImage);
        TextView title = (TextView)view.findViewById(R.id.ItemTitle);
        TextView test = (TextView)view.findViewById(R.id.ItemText);
        Button btn = (Button) view.findViewById(R.id.ItemBotton);
        imageView.setImageResource((Integer) listItem.get(i).get("ItemImage"));
        title.setText((String)listItem.get(i).get("ItemTitle"));
        test.setText((String) listItem.get(i).get("ItemText"));
        return view;
    }

  /**
     * 通过convertView + ViewHolder来实现缓存进而进行优化
     *
     * convertView缓存了查看，ViewHolder相当于更加具体的缓存：查看里的组件，
     * 即把搜索和浏览的组件一并进行缓存，那么重用查看的时候就不用再重绘查看和浏览的组件（findViewById）
     *
     *  这种方法就既减少了重绘视图，又减少了findViewById的次数，所以这种方法是最能节省资源的
     *  ，所以非常推荐大家使用通过convertView + ViewHolder来重写getView（）
     * @param i
     * @param view
     * @param viewGroup
     * @return
     */

 static class ViewHolder
    {
        public ImageView img;
        public TextView title;
        public TextView text;
        public Button btn;
    }//声明一个外部静态类
    @SuppressLint("CutPasteId")
    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {//i即是索引
        ViewHolder holder;
        if(view == null){
            holder = new ViewHolder();
            view = mInflater.inflate(R.layout.item_layout, null);
            holder.img = (ImageView) view.findViewById(R.id.ItemImage);
            holder.title = (TextView)view.findViewById(R.id.ItemTitle);
            holder.text = (TextView)view.findViewById(R.id.ItemText);
            holder.btn = (Button) view.findViewById(R.id.ItemBotton);
            view.setTag(holder);
        }else{
            holder = (ViewHolder)view.getTag();
        }
        holder.img.setImageResource((Integer) listItem.get(i).get("ItemImage"));
        holder.title.setText((String) listItem.get(i).get("ItemTitle"));
        holder.text.setText((String) listItem.get(i).get("ItemText"));

        return view;
    }//这个方法返回了指定索引对应的数据项的视图

第四步：4.定义一个HashMap构成的列表，将数据以键值对的形式存放在里面

5.构造Adapter对象，设置适配器

6.将LsitView绑定到适配器上。

package com.ly.basedadaptertest;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.HashMap;

public class MainActivity extends AppCompatActivity {
    private ListView lv;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        lv = (ListView)findViewById(R.id.Listview1);

        /*定义一个以HashMap为内容的动态数组*/

        ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String, Object>>();/*在数组中存放数据*/
        for (int i = 0; i < 100; i++) {
            HashMap<String, Object> map = new HashMap<String, Object>();
            map.put("ItemImage", R.mipmap.ic_launcher);//加入图片
            map.put("ItemTitle", "第" + i + "行");
            map.put("ItemText", "这是第" + i + "行");
            listItem.add(map);
        }

        MyAdapte myAdapte =new MyAdapte(this,listItem);
        lv.setAdapter(myAdapte);

        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                Toast.makeText(MainActivity.this,"你点击了"+i+"行", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

ListView控件的使用

1.生成方式

生成列表视图（ListView）的方式主要有两种：
- 直接用ListView进行创建
- 让活动继承ListActivity

2. xml文件配置信息

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

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



</LinearLayout>

3-适配器视图(AdapterView)简介

特征：

• 适配器视图继承自ViewGroup中，本质是个容器
• 适配器视图可以包含多个“列表项”，并将这多个列表项以合适的形式展示
• 适配器视图显示的列表项内容由适配器提供
• 它派生的子类在用法上也基本相似，只是在显示上有一定区别，因此把他们也归为一类。
• 由适配器视图直接派生的三个类：AbsListView，AbsSpinner，AdapterViewAnimator。