Android学习笔记：滚动控件ListView的基本使用方法

ListView是APP中的常用组件之一，它的使用方式与其他组件相比之下更复杂，但是功能更加强大。通常被用作菜单、列表等。

一、ListView基本用法

ListView的基本使用步骤：
1、定义ListVIew布局
2、创建ArrayAdapter对象
3、将ArrayAdapter对象和ListView绑定
新建项目ListViewTest，一切默认，编辑activity_main.xml文件，如下所示：<?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">

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

</LinearLayout>程序的目标是将水果名称显示到ListView控件上。编辑MainActivity.java

package com.my.listviewtest;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity {

//定义数组，ListView上将要显示的水果名称
private String[] data = {"Apple","Banana","Orange","Watermelon","Pear","Grape","Pineapple",
"Strawberry","Cherry","Mango","Apple","Banana","Orange","Watermelon","Pear","Grape",
"Pineapple", "Strawberry","Cherry","Mango"};

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

ListView listView = (ListView)findViewById(R.id.list_view);

//创建适配器
ArrayAdapter<String> adapter = new ArrayAdapter<>(MainActivity.this,
android.R.layout.simple_list_item_1,data);

//将适配器与ListView绑定
listView.setAdapter(adapter);

}
}

运行程序，结果如下：


可以实现上下滑动，显示更多数据。

二、自定义ListView

很多时候ListView要显示的项目并不单单是一条String数据，它还可以添加图片、按钮等控件来丰富显示的内容。接下来将上面的程序修改，为每一种水果提供一个显示的图片。
图片资源下载地址：https://pan.baidu.com/s/1jJia3w6
将图片复制到drawable目录下。
实现自定义的ListView需要有2个前提准备。
1、创建自定义的ListView的子项（item）显示的布局。
2、为item创建实体类，包括getter方法。
3、创建自定义的适配器。即继承ArrayAdapter。并指定泛型为刚刚创建的实体类类型。
接下来的步骤就和上述使用ListView的方法一样了。即创建自定义的适配器对象后，将适配器与ListView进行绑定。
为定制的ListView的item创建布局fruit_item.xml，如下所示：<?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/fruit_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

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

</LinearLayout>
为item创建实体类，新建Fruit类。package com.my.listviewtest;

public class Fruit{

private String name; //水果名
private int imageId; //资源ID

public Fruit(String name,int imageId){
this.name = name;
this.imageId = imageId;
}

public String getName() {
return name;
}

public int getImageId() {
return imageId;
}
}
创建自定义的适配器。package com.my.listviewtest;

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import a
b7e6
ndroid.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;

public class FruitAdapter extends ArrayAdapter<Fruit> {

private int resourceId; //资源ID

public FruitAdapter(Context context, int textViewResourceId, List<Fruit> objects){
super(context,textViewResourceId,objects);
resourceId = textViewResourceId;
}

@Override
public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {

//获取当前item的Fruit实例
Fruit fruit = getItem(position);

//为子项传入布局
View view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);

ImageView fruitImage = (ImageView)view.findViewById(R.id.fruit_image);
TextView fruitName = (TextView)view.findViewById(R.id.fruit_name);

//设置显示的内容
fruitImage.setImageResource(fruit.getImageId());
fruitName.setText(fruit.getName());

return view;
}
}
在自定义ListView的过程中，自定义的适配器非常重要，上述代码中，我们先重写了父类的一个构造方法，将上下文、ListView的子项布局和数据传递进来。然后重写了getView()方法，这个方法在每一个子项滚动到屏幕中的时候都会被调用，我们重写的getView()方法包含三步，第一步，获取当前项的Fruit实例，第二步，为子项传入布局，注意写法。第三步，设置要显示的内容。最后将view返回。这个自定义的适配器的创建过程一定要理解。
最后，修改MainActivity中的代码。package com.my.listviewtest;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

//定义数组，ListView上将要显示的水果名称
// private String[] data = {"Apple","Banana","Orange","Watermelon","Pear","Grape","Pineapple",
// "Strawberry","Cherry","Mango","Apple","Banana","Orange","Watermelon","Pear","Grape",
// "Pineapple", "Strawberry","Cherry","Mango"};

//使用List装载将要显示的数据
private List<Fruit> fruitList = new ArrayList<>();

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

ListView listView = (ListView)findViewById(R.id.list_view);

//初始化水果数据
initFruits();

//创建自定义适配器对象
FruitAdapter adapter = new FruitAdapter(MainActivity.this,R.layout.fruit_item,fruitList);

//创建适配器
// ArrayAdapter<String> adapter = new ArrayAdapter<>(MainActivity.this,
// android.R.layout.simple_list_item_1,data);

//将适配器与ListView绑定
listView.setAdapter(adapter);

}

//初始化水果数据，将水果数据装到List中
private void initFruits() {

for(int i = 0;i < 2;i++){
Fruit apple = new Fruit("Apple",R.drawable.apple_pic);
fruitList.add(apple);
Fruit banana = new Fruit("Banana",R.drawable.banana_pic);
fruitList.add(banana);
Fruit orange = new Fruit("Orange",R.drawable.orange_pic);
fruitList.add(orange);
Fruit watermelon = new Fruit("Watermelon",R.drawable.watermelon_pic);
fruitList.add(watermelon);
Fruit pear = new Fruit("Pear",R.drawable.pear_pic);
fruitList.add(pear);
Fruit grape = new Fruit("Grape",R.drawable.grape_pic);
fruitList.add(grape);
Fruit pineapple = new Fruit("Pineapple",R.drawable.pineapple_pic);
fruitList.add(pineapple);
Fruit strawberry = new Fruit("Strawberry",R.drawable.strawberry_pic);
fruitList.add(strawberry);
Fruit cherry = new Fruit("Cherry",R.drawable.cherry_pic);
fruitList.add(cherry);
Fruit mango = new Fruit("Mango",R.drawable.mango_pic);
fruitList.add(mango);
}

}
}
运行程序，结果如下;

三、提升ListView运行效率

上述代码中，由于getView()方法每次都将布局重新加载、每次都要获取ImageView、TextView控件实例，导致ListView在快速滚动时的性能表现会非常差。我们可以利用getView()方法中的convertView参数将之前加载好的布局进行缓存。为了不让getView()方法每次运行都去获取控件实例，借助ViewHolder就可以进行优化。
修改FruitAdapter的代码：...

public class FruitAdapter extends ArrayAdapter<Fruit> {

...

@Override
public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {

//获取当前item的Fruit实例
Fruit fruit = getItem(position);

// //为子项传入布局
// View view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
//
// ImageView fruitImage = (ImageView)view.findViewById(R.id.fruit_image);
// TextView fruitName = (TextView)view.findViewById(R.id.fruit_name);
//
// //设置显示的内容
// fruitImage.setImageResource(fruit.getImageId());
// fruitName.setText(fruit.getName());

View view;
ViewHolder viewHolder;

if(convertView == null){ //缓存为空
//加载布局
view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
//只有在缓存为空的情况下，才会创建ViewHolder实例
viewHolder = new ViewHolder();
//关联控件
viewHolder.fruitImage = (ImageView)view.findViewById(R.id.fruit_image);
viewHolder.fruitName = (TextView)view.findViewById(R.id.fruit_name);
//将ViewHolder存储到view中
view.setTag(viewHolder);
}else{ //缓存不为空
view = convertView;
//重新获取ViewHolder
viewHolder = (ViewHolder)view.getTag();
}

//设置显示内容
viewHolder.fruitImage.setImageResource(fruit.getImageId());
viewHolder.fruitName.setText(fruit.getName());

return view;
}

//内部类ViewHolder
class ViewHolder{
ImageView fruitImage;
TextView fruitName;
}

}
了解以上代码需要明确两点：
1、convertView缓存的是布局。
2、ViewHolder的目的是避免每次调用getView()方法时都去获取控件实例。

四、点击事件

ListView不光只是展示数据，它的每个子项都可以对应一个点击事件。
例如实现上述项目的子项点击事件，每次点击都弹出Toast提示，告诉用户点击的是哪一种水果。
修改MainActivity的代码，添加点击事件:...

public class MainActivity extends AppCompatActivity {

...

@Override
protected void onCreate(Bundle savedInstanceState) {

...

//将适配器与ListView绑定
listView.setAdapter(adapter);

//点击事件，Toast提示，弹出水果名称
listView.setOnItemClickListener(new AdapterView.OnItemClickListener(){
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Fruit fruit = fruitList.get(position);
Toast.makeText(MainActivity.this, fruit.getName(), Toast.LENGTH_SHORT).show();
}
});

}

...

}运行程序，点击子项，结果如下：



ListView会经常被使用到，所以熟练掌握ListView的基本用法和自定义ListView的方法非常重要。

本文总结参考自郭神（郭霖）的《第一行代码 第2版》