Android之ListView详解

在Android的应用开发过程中，总是需要将一系列的数据进行列表式展示。这个时候最常用到的控件就是ListView了，这个控件是很多Android初学者（包括笔者也是，很长时间之后才弄明白的）都感觉比较难掌握的。本文就来梳理一下有关ListView开发的点点滴滴，希望对于初学Android编程的朋友有帮助。

一个原始而简单的例子

首先，我们看下关于ListView的简单使用方式。我们现在想要在ListView中显示一些数据，可以首先在布局文件中添加一个ListView控件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.createchance.listviewtest.MainActivity">

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

这里，我们使得添加的ListView的宽和高都和父控件相等，也就是占满整个屏幕。效果如下

ListView是以列表的形式显示大量数据的，因此我们需要事先将数据准备好，因此我们定义了data字符串数组，当然这些数据可以来自本地数据库或者来自网络都可以。但是，我们定义的字符串数组中的数据是不能直接给ListView显示的，需要借助适配器来完成。Android中提供可很多的适配器的实现类，其中使用的最多的就是ArrayAdapter。这个类通过泛型来提供各种数据类型的支持，然后在构造方法中将我们的数据传入，注意ArrayAdapter有很多的构造器重载，我们需要根据我们的需要进行选择。创建了ArrayAdapter对象只会，我们只要调用ListView的setAdapter来设置适配器就行了。

我们需要更丰富的形式

上面的的例子我们只是以一个列表的形式显示了一系列的字符串，这样做确实比较无聊，在实际开发中，我们需要更加丰富的表现形式，比如在字符串前面加上一个小图片。为了实现这个效果，我们需要定义一个新的类，这个类用来表示每个要显示的Item：

package com.createchance.listviewtest;

/**
 * Created by baniel on 1/19/17.
 */

public class Item {
   
    private String name;
    private int imgId;

    public Item(String name, int id) {
        this.name = name;
        this.imgId = id;
    }

    public String getName() {
        return name;
    }

    public int getImgId() {
        return imgId;
    }
}

上面的这个类中，我们定义了一个name和imgId字段，分别表示每一个需要表示的项目的数据信息：标题字符串和图片id。
接下来，我们需要定义一个自定义的项目布局，这个布局中我们需要横向显示一个图片和一个标题文字：

<?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">

    <ImageView
        android:id="@+id/item_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/item_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"/>

</LinearLayout>

接下来，我们创建一个自定义的适配器，继承自ArrayAdapter，并且泛型指定为我们之前定义的Item：

package com.createchance.listviewtest;

import android.content.Context;
import android.support.annotation.NonNull;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * Created by baniel on 1/19/17.
 */

public class ItemAdapter extends ArrayAdapter<Item> {
   
    private int layoutId;

    public ItemAdapter(Context context, int layoutId, List<Item> list) {
        super(context, layoutId, list);
        this.layoutId = layoutId;
    }

    @NonNull
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Item item = getItem(position);
        View view = LayoutInflater.from(getContext()).inflate(layoutId, parent, false);
        ImageView imageView = (ImageView) view.findViewById(R.id.item_img);
        TextView textView = (TextView) view.findViewById(R.id.item_text);
        imageView.setImageRe