android控件——ListView

ListView控件

一、功能简介：

ListView绝对可以称得上是 Android中最常用的控件之一，几乎所有的应用程序都会用 到它。由于手机屏幕空间都比较有限，能够一次性在屏幕上显示的内容并不多，当我们的程 序中有大量的数据需要展示的时候，就可以借助 ListView来实现

二、创建ListView文件：

1. 布局

以下是在layout.xml布局文件中的创建ListView空间的一段代码：

<?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"
android:orientation="vertical" >

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

2. 代码实现

既然 ListView是用于展示大量数据的，那我们就应该先将数据提供好。这些数据可以是 从网上下载的，也可以是从数据库中读取的，应该视具体的应用程序场景来决定。这里我们 就简单使用了一个 data数组来测试，里面包含了很多水果的名称。
不过，数组中的数据是无法直接传递给 ListView的，我们还需要借助适配器来完成。 Android中提供了很多适配器的实现类，其中我认为最好用的就是 ArrayAdapter。它可以通 过泛型来指定要适配的数据类型，然后在构造函数中把要适配的数据传入即可。
ArrayAdapter 有多个构造函数的重载，你应该根据实际情况选择最合适的一种。这里由于我们提供的数据 都是字符串，因此将 ArrayAdapter的泛型指定为 String，然后在 ArrayAdapter的构造函数中 依次传入当前上下文、ListView 子项布局的 id，以及要适配的数据。注意我们使用了 android.R.layout.simple_list_item_1作为 ListView子项布局的 id，这是一个 Android内置的布 局文件，里面只有一个 TextView，可用于简单地显示一段文本。这样适配器对象就构建好了。
最后，还需要调用 ListView的 setAdapter()方法，将构建好的适配器对象传递进去，这 样 ListView和数据之间的关联就建立完成了。

import android.os.Bundle;
import android.view.Window;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class ListViewStudy extends Activity {
private String[] data = { "Apple", "Banana", "Orange",
"Watermelon", "Pear","Grape","Pineapple",
"Strawberry","Cherry","Mango"};
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.listview_layout);
//构造函数参数：活动对象，资源id，对象数组
ArrayAdapter<String> adapter = new ArrayAdapter<String>(ListViewStudy.this,android.R.layout.simple_list_item_1, data);//android.R.layout.simple_list_item_1为android内置的布局id，使用该layout id，则listview中的子项都将使用该布局，该布局内部只有一个textview。该布局接口已配置好，自动加载String对象
ListView listView = (ListView) findViewById(R.id.list_view);
listView.setAdapter(adapter);
}
}

3. 效果

三、定制ListView的界面

一个ListView控件需要子项布局，以及显示内容的数组两大要素。子项布局通过当前位置加载数组对应位置中的内容并显示。

1. 显示内容

//被显示的对象
public class Fruit
{
private String name;
private int imageId;
public Fruit(String name, int imageId) {
this.name = name;
this.imageId = imageId;
}
public String getName() {
return name;
}
public int getImageId() {
return imageId;
}
}

2. 子项布局

<?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"
android:orientation="vertical" >
//未指定imageview显示的图片，显示子项时以动态方式加载图片
<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"
android:layout_marginLeft="10dip" />
</LinearLayout>

3. 代码建立关联

package com.example.listviewstudy;
import java.util.List;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
public class FruitAdapter extends ArrayAdapter<Fruit> {

private int resourceId;

public FruitAdapter(Context context, int resource, List<Fruit> fruitList) {
super(context, resource, fruitList);
// TODO Auto-generated constructor stub
this.resourceId = resource;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
Fruit fruit = getItem(position);
//Layoutflater.from(context)，从context场景中获得一个布局容器Layoutflater，该布局容器通过调用inflate(this.resourceId,null)动态加载一个布局存放在容器中,并返回该布局的视图，可通过该视图获取容器内的控件。。。此处Inflater应深入学习一下
View view=LayoutInflater.from(getContext()).inflate(this.resourceId,null);
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;
}
}

4.主活动代码

package com.example.listviewstudy;

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

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

public class MyListView extends Activity {

private List<Fruit> fruitList = new ArrayList<Fruit>();

@Override protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.listview_layout);
initFruits(); // 初始化水果数据
FruitAdapter adapter = new FruitAdapter(MyListView.this, R.layout.mylistitem_layout, fruitList);
ListView listView = (ListView) findViewById(R.id.list_view);
listView.setAdapter(adapter);
}
private void initFruits() {
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);
*/
}
}

5. 总结自定义的流程，以及概念

1. 创建一个存放item视图需要的数据的对象，例如Fruit对象中存放item视图中的水果名以及水果图片的id。
2. 创建item的布局，ListView中每一个item显示时，都将动态加载该布局
3. 创建一个继承特定对象的适配器，例如在这里创建FruitAdapter对象继承ArrayAdapter<Fruit>，初始化时参数为：
@context，当前活动的场景
@resourceId，Item所使用的布局资源的id
@List<Fruit>，ListView中所有的Item所需的内容
实现getView()接口，当ListView显示Item时，调用该接口，获得布局的视图。传入参数：
@position，item的位置
@convertView，上一个item的视图，第一次获取当前item视图时为空
@parent，暂时不了解
getView()中通过LayoutInflater.from(context)从context情境中获取一个布局容器，该容器通过inflate(resourceId,null)加载一个布局返回该布局的视图view,通过view.findViewById(id)可以获取该视图内的控件id
4. 使用自定义控件，①创建自定义适配器FruitAdapter，按要求初始化，传入当前活动场景，布局Id，包含内容的对象列表List<Fruit>，获取listview的实例，并调用listview.setAdapter(）传入适配器，当listview需要显示时，会调用FruitAdapter的getView()，获取视图去显示

6. 效果图：

三、ListView优化

1. 优化：

FruitAdapter接口getView()参数中的convertView是之前加载好的布局的缓存，可直接使用。

1.1优化代码：

public class FruitAdapter extends ArrayAdapter<Fruit> {

private int resourceId;

public FruitAdapter(Context context, int resource, List<Fruit> fruitList) {
super(context, resource, fruitList);
// TODO Auto-generated constructor stub
this.resourceId = resource;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
Fruit fruit = getItem(position);
// 获取当前项的Fruit实例 ,Layoutflater.from(context);
View view;
if (convertView == null) {
view=LayoutInflater.from(getContext()).inflate(resourceId,null);
} else {
view = convertView;
}
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;
}
}

2. 进一步优化：

第一次优化虽然不用重复加载布局，但仍需要获取控件的实例。能否将该实例存放在convertView当中呢，这样便节省了动态获取控件实例的过程了。
通过view.setTag(),view.getTag()支持泛型存储数据，可将任意对象存放当中，因此创建ViewHolder对象,保存控件实例，并存取。

2.1 代码

public View getView(int position, View convertView, ViewGroup parent) {
Fruit fruit = getItem(position);
View view;
ViewHolder viewHolder;
if (convertView == null) {
view=LayoutInflater.from(getContext()).inflate(resourceId,null);
viewHolder = new ViewHolder();
viewHolder.fruitImage = (ImageView) view.findViewById (R.id.fruit_image);
viewHolder.fruitName = (TextView) view.findViewById (R.id.fruit_name);
view.setTag(viewHolder); // 将ViewHolder存储在View中
} else {
view = convertView;
viewHolder = (ViewHolder) view.getTag(); // 重新获取ViewHolder
}
viewHolder.fruitImage.setImageResource(fruit.getImageId());
viewHolder.fruitName.setText(fruit.getName());
return view;
}
class ViewHolder {
ImageView fruitImage;
TextView fruitName;
}

四、添加ListView处理事件

1. 添加点击事件

1.1 代码

ListView listView = (ListView) findViewById(R.id.list_view);
listView.setAdapter(adapter);
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Fruit fruit = fruitList.get(position);
Toast.makeText(MyListView.this, fruit.getName(), Toast.LENGTH_SHORT).show();
}
});