数据呈现—ListView x Adapter

无论是在Mobile开发还是桌面开发上，我们都需要显示数据，Android中没有可以直接加载数据的数据网格，任何数据的显示都需要自定义布局。

其中最常用的两种显示显示数据的控件，一个是ListView，另一个是RecyclerView，他们都需要借助Adapter来动态加载数据，在本节的学习中，我们会讲解如何使用ListView x Adapter的方式加载数据。

ListView其实只是一个容器，通过Adapter和指定的子项布局来动态的把数据呈现给用户，除了这种方式，ListView还可以直接绑定一个arrays文件用来显示静态数据。

常见的Adapter对象有：ArrayAdapter、SimpleAdapter、重写过的BaseAdapter，加上通过绑定arrays文件显示数据，我一共做了四个Demo，让我们来看一下。

一、ListView x arrays文件

这种方式很有局限性，只能用来显示静态的文本数据，使用步骤：

1.在values目录下新建一个arrays.xml文件

2.编写arrays.xml文件，声明一个string类型的数组标签，并添加三个子项：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="str_array">
        <item>Value1</item>
        <item>Value2</item>
        <item>Value3</item>
    </string-array>
</resources>

3.把ListView的entities属性设置为指定数组:

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

二、ListView x ArrayAdapter文件

ArrayAdapter是所有Adapter中最简单的一种，因为简单，所以功能也很局限，它只能显示单条文本数据，这点跟静态绑定一样：

Android代码:

public class ListViewDemo1Activity extends AppCompatActivity {

    List<String> lsData = new ArrayList<>();
    ArrayAdapter<String> arrayAdapter;
    ListView listView;

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

        lsData.add("张三");
        lsData.add("李四");
        lsData.add("王五");
        arrayAdapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, lsData);
        listView = findViewById(R.id.lv);
        listView.setAdapter(arrayAdapter);
    }
}

1.因为ArrayAdapter只能显示文本数据，所以数据源通常是string数组或者列表

2.实例化ArrayAdapter调用的构造方法中，第一个不用说，是加载列表用的Context对象，传入当前Activity，第二个是布局文件，我们传递一个系统提供的布局文件，该布局文件中只有一个名为text1的TextView，第三项是数据源，用来加载需要绑定的数据，我们传入String集合。

3.把ArrayAdapter和ListView做绑定

三、ListView x SimpleAdapter文件

上面的例子讲了怎么借助ArrayAdapter加载文本列表，但是我们通常要显示的数据肯定不只是一条文本，那怎么显示复杂数据呢？有两种方法，一种是使用SimpleAdapter，另一种是使用基于BaseAdapter定制的Adapter，我们先来看第一种：

子项布局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="wrap_content">

    <ImageView
        android:id="@+id/ivLogo"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_margin="10dp" />

    <TextView
        android:id="@+id/tvName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:layout_toRightOf="@id/ivLogo" />

    <TextView
        android:id="@+id/tvGender"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/tvName"
        android:layout_margin="10dp"
        android:layout_toRightOf="@+id/ivLogo" />
</RelativeLayout>

Android代码：

private List<Map<String, Object>> lsData = new ArrayList<>();
private SimpleAdapter simpleAdapter;
private ListView listView;
private String[] names = {"张三", "李四", "王五"};
private String[] genders = {"Male", "Female", "Male"};

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_list_view_demo3);
    listView = findViewById(R.id.lv);
    for (int i = 0; i < names.length; i++) {
        Map<String, Object> map_data = new HashMap<>();
        map_data.put("Logo", R.mipmap.ic_launcher);
        map_data.put("Name", names[i]);
        map_data.put("Gender", genders[i]);
        lsData.add(map_data);
    }
    simpleAdapter = new SimpleAdapter(this, lsData, R.layout.simple_item, new String[]{"Logo", "Name", "Gender"}, new int[]{R.id.ivLogo, R.id.tvName, R.id.tvGender});
    listView.setAdapter(simpleAdapter);
}

1.加载复杂的数据需要先编写一个布局文件，布局文件的代码已经在上面列出来了。

2.声明一个List<Map<String,Object>>列表，其中String表示Key，Object表示Value

3.names和genders数组这是为了填充数据而声明的，真实开发中应该是从web/本地数据库上获取数据，在这里我们借用了这连个数组给lsData添加了三条数据，每条数据有三个键值对，分别是Logo、Name、Gender，Logo为了方便，我们都填充了系统一个默认的图标。

4.实例化SimpleAdapter，第一项不用说，还是Context对象；第二项是子布局文件；第三项是你所有的Key，通过一个数组传入；第四项是一个你每一个Key对应的Value要赋值给子布局中的哪个控件，通过一个int数组传入这些控件的id。

5.把SimpleAdapter和ListView做绑定

效果：

四、ListView x 重写的BaseAdapter文件

MyAdapter.Java文件：

public class MyAdapter extends BaseAdapter {

    List<Map<String, Object>> lsData;

    public ListViewDemo4Adapter(List<Map<String, Object>> lsData) {
        super();
        this.lsData = lsData;
    }

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

    @Override
    public Object getItem(int position) {
        return lsData.get(position);
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Map<String, Object> map = lsData.get(position);
        ViewHolder holder;
        if (convertView == null) {
            holder = new ViewHolder();
            convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.simple_item, parent, false);
            holder.ivLogo = convertView.findViewById(R.id.ivLogo);
            holder.tvName = convertView.findViewById(R.id.tvName);
            holder.tvGender = convertView.findViewById(R.id.tvGender);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        holder.ivLogo.setImageResource((Integer) map.get("Logo"));
        holder.tvName.setText(map.get("Name").toString());
        holder.tvGender.setText(map.get("Gender").toString());
        return convertView;
    }

    class ViewHolder {
        ImageView ivLogo;
        TextView tvName;
        TextView tvGender;
    }
}

加载数据的代码：

private List<Map<String, Object>> lsData = new ArrayList<>();
private MyAdapter adapter;
private ListView listView;
private String[] names = {"A", "B", "C"};
private String[] genders = {"Male", "Female", "Male"};

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

    listView = findViewById(R.id.lv);
    for (int i = 0; i < names.length; i++) {
        Map<String, Object> map_data = new HashMap<>();
        map_data.put("Logo", R.mipmap.ic_launcher);
        map_data.put("Name", names[i]);
        map_data.put("Gender", genders[i]);
        lsData.add(map_data);
    }
    adapter = new MyAdapter(lsData);
    listView.setAdapter(adapter);
}

1.为了偷懒，布局文件我们还使用之前的布局

2.编写MyAdapter继承于BaseAdapter，继承之后需要重写一些方法：

构造方法：传入加载用的数据，通常是个List<Class>对象，为了偷懒，我们没有自己编写类，还是用了上面的List<Map<string,Object>>集合

getCount()：用来获取列表的数量，返回集合的数量即可

getItem()：通过索引获取列表中指定项

getItemId()：本来是获取索引对应的指定项的编号，我们用不着，直接返回索引即可

getView()：核心方法，子项加载的时候调用，列表有多少项，就会加载多少次，用来加载子项要显示的数据，并返回子项，每次上下滑动都会重新加载，为了避免资源浪费，所以我们编写了一个名为ViewHolder的内部类，convertView表示子布局，如果它为空，说明该项还没有别加载过，那就调用LayoutInflater加载该项，并创建一个ViewHolder对象，ViewHolder对象中存储着三个控件的引用，把它们一一和convertView中的控件建立绑定关系，再把它设置为convertView的Tag；如果它不为空，说明已经被加载过了，直接获取它身上的ViewHolder对象即可，无论加载没加载过，调用这个方法的时候都要给控件重新赋值，因为ViewHolder对象中的控件，实际上就是他对应的convertView中的控件的引用（convertView实际上就是一个个子项布局），所以直接给ViewHolder对象中的控件赋值即可，这样也不用再次调用findViewById来获取控件，最后返回convertView即可。

3.填充List，实例化Adapter，并且绑定给ListView，这样就可以加载数据了。

效果：