在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