Android入门：ListView

 

一、ListView介绍

ListView是类似于将一个界面分为一行一行，如下图：

ListView只是一个视图，而如果要在这个列表视图中显示数据，则必须要通过“Adapter”，我们通常有三种Adapter：

(1)ArrayAdapter：每行只能是一个文本；

(2)SimpleAdapter：此种方式不是很好，经过测试，只能显示一行数据；

(3)继承BaseAdapter：此种方式较灵活，可以自定义将每行对应到不同的布局xml中；

(4)SimpleCursorAdapter：此处传入的数据不是List，而是数据库查询返回的Cursor； 

二、ListView实例

这个实例分别实现了三种ListView的使用；

工程的层次结构如下：

ListView的界面如图所示：

ArrayAdapter的显示界面如下：

SimpleAdapter的界面如下：

ExtendBaseAdapter的界面如下：

1.主界面模块：

ListViewActivity.java

package org.xiazdong;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;

public class ListViewActivity extends Activity implements OnClickListener{
	private Button btn1;
	private Button btn2;
	private Button btn3;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);				//一定要先setContentView，才findViewById
        btn1 = (Button) this.findViewById(R.id.arrayAdapter);
        btn2 = (Button) this.findViewById(R.id.simpleAdapter);
        btn3 = (Button)this.findViewById(R.id.baseAdapter);
        btn1.setOnClickListener(this);
        btn2.setOnClickListener(this);
        btn3.setOnClickListener(this);
    }

	@Override
	public void onClick(View v) {
		if(v==btn1){
			Intent intent = new Intent(ListViewActivity.this,ArrayAdapterActivity.class);
			this.startActivity(intent);
		}
		else if(v==btn2){
			Intent intent = new Intent(ListViewActivity.this,SimpleAdapterActivity.class);
			this.startActivity(intent);
		}
		else if(v==btn3){
			Intent intent = new Intent(ListViewActivity.this,ExtendBaseAdapterActivity.class);
			this.startActivity(intent);
		}
	}
}

main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="ListView的使用"
        android:textSize="50px" />

    <Button
        android:id="@+id/arrayAdapter"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv"
        android:text="ArrayAdapter" >
    </Button>

    <Button
        android:id="@+id/simpleAdapter"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/arrayAdapter"
        android:text="SimpleAdapter" >
    </Button>
	<Button
        android:id="@+id/baseAdapter"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/simpleAdapter"
        android:text="ExtendBaseAdapter" >
    </Button>
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="142dp"
        android:layout_marginRight="16dp"
        android:text="by xiazdong"
        android:textSize="20px" />

</RelativeLayout>

2.ArrayAdapter模块

ArrayAdapterActivity.java

package org.xiazdong;

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

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

/*
 * 每创建一个Activity就要在AndroidManifest.xml中声明
 * ArrayAdapter只能显示基本的字符串
 * SimpleAdapter能够显示自定义视图
 */
public class ArrayAdapterActivity extends Activity {
	private ListView lv;
	@Override
	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		lv = new ListView(this);   //ListView继承View
		List<String> list = new ArrayList<String>();
		for (int i = 0; i < 10; i++) {
			list.add("xiazdong-" + i);
		}
		ArrayAdapter<String> sa = new ArrayAdapter<String>(this,   //将List赋给ArrayAdapter，采用simple_item_1样式
				android.R.layout.simple_list_item_1, list);
		lv.setAdapter(sa);	//将ArrayAdapter的值映射到ListView中
		this.setContentView(lv);
	}
}

 

3.SimpleAdapter模块

一般ListView都是用来显示列表的，一般列表的数据都是来自数据库的，因此我们这里假设前面已经实现了一个DBService类，里面存在pageQuery(int offset,int length);

比如dbservice.pageQuery(3,5);表示跳过3个记录，插入5条记录；

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="wrap_content"//注意一定要wrap_content
        android:layout_height="wrap_content"//注意一定要wrap_content
        android:orientation="horizontal" >
        <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:text="ID" />
        <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:text="NAME" />
        <TextView
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:text="AGE" />
    </LinearLayout>
    <ListView
        android:id="@+id/listview"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent" >
    </ListView>

</LinearLayout>

item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >
    <TextView
        android:id="@+id/id1"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        />
    <TextView
        android:id="@+id/name"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        />
    <TextView
        android:id="@+id/age"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        />
</LinearLayout>

MainActivity.java

package org.xiazdong.db;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.xiazdong.db.domain.Person;
import org.xiazdong.db.service.DBService;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.widget.ListView;
import android.widget.SimpleAdapter;

public class MainActivity extends Activity {
	private ListView listView;
	@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        listView = (ListView)this.findViewById(R.id.listview);
        DBService service = new DBService(this);
        List<Person> persons = service.pageQuery(0, 10);
        List<HashMap<String,Object>> data = new ArrayList<HashMap<String,Object>>();
        for(Person person:persons){
        	HashMap<String,Object>map = new HashMap<String,Object>();
        	map.put("id", person.getId());
        	map.put("name", person.getName());
        	map.put("age", person.getAge());
        	data.add(map);
        }
        System.out.println(data);
        SimpleAdapter adapter = new SimpleAdapter(this, data, R.layout.item, new String[]{"id","name","age"}, new int[]{R.id.id1,R.id.name,R.id.age});
//data表示显示的数据，一个Map为一行，List<Map>表示多行
//R.layout.item表示一个item的布局
//new String[]{"id","name","age"}表示将key="id"的值映射到R.id.id1上
        listView.setAdapter(adapter);
	}
}

总结：SimpleAdapter不需要内部实现Adapter，只能实现每个item布局都一样的列表；

4.继承BaseAdapter类

ExtendBaseAdapterActivity.java

package org.xiazdong;

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

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

public class ExtendBaseAdapterActivity extends Activity {
	private ListView lv;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		lv = new ListView(this);
		MyAdapter ma = new MyAdapter(this, new int[] { R.layout.sub1,
				R.layout.sub2 }); // 分别在每行中显示sub1的布局和sub2的布局
		lv.setAdapter(ma);
		this.setContentView(lv);
	}
}

 

MyAdapter.java

package org.xiazdong;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.Toast;

public class MyAdapter extends BaseAdapter {
	private Context context;
	private int layoutID[];
	private LayoutInflater inflator;
	public MyAdapter(Context context, int layoutID[]) {
		this.context = context;
		this.layoutID = layoutID;
		inflator = LayoutInflater.from(context);
	}
	@Override
	public int getCount() { // 一个布局占一行
		return layoutID.length;
	}

	@Override
	public Object getItem(int position) {
		return null;
	}

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

	@Override
	// position表示要显示第几行，0表示第一行
	// convertView表示要显示的视图
	public View getView(int position, View convertView, ViewGroup parent) {
		convertView = inflator.inflate(layoutID[position], null);//每次将一个布局xml映射到一项中
		if (convertView.findViewById(R.id.checkBox1) instanceof CheckBox) {
			CheckBox cb1 = (CheckBox) convertView.findViewById(R.id.checkBox1);
			cb1.setOnCheckedChangeListener(new OnCheckedChangeListener() {

				@Override
				public void onCheckedChanged(CompoundButton buttonView,
						boolean isChecked) {
					Toast t = Toast.makeText(context, "点击了复选框", Toast.LENGTH_SHORT);
					t.show();
				}
			});
		}
		if (convertView.findViewById(R.id.button1) instanceof Button) {
			Button b1 = (Button) convertView.findViewById(R.id.button1);
			b1.setOnClickListener(new OnClickListener() {

				@Override
				public void onClick(View v) {
					Toast t = Toast.makeText(context, "点击了按钮", Toast.LENGTH_SHORT);
					t.show();
				}
			});
		}
		return convertView;

	}

}

 

sub1.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="match_parent" >

   
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/checkBox1"
        android:layout_alignBottom="@+id/checkBox1"
        android:layout_alignParentLeft="true"
        android:text="点击弹出提示" />
 	<CheckBox
        android:id="@+id/checkBox1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:text="" />
 	
	
</RelativeLayout>

 

sub2.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="match_parent" >
 	<TextView
 	    android:id="@+id/textView2"
 	    android:layout_width="wrap_content"
 	    android:layout_height="wrap_content"
 	    android:layout_alignBaseline="@+id/button1"
 	    android:layout_alignBottom="@+id/button1"
 	    android:layout_alignParentLeft="true"
 	    android:text="TextView" />
	<Button
 	    android:id="@+id/button1"
 	    android:layout_width="wrap_content"
 	    android:layout_height="wrap_content"
 	    android:layout_alignParentRight="true"
 	    android:layout_alignParentTop="true"
 	    android:text="Button" />
</RelativeLayout>

5.SimpleCursorAdapter

注意：如果要使用SimpleCursorAdapter，则要求Cursor的结果集的主键名为_id,因此我们在查询时要用 as _id 进行别名；

比如select id,name from person; 现在要用 select id as _id,name from person; 即可；

主要步骤：

Cursor  cursor = query();

SimpleCursorAdapter adapter = new SimpleCursorAdapter(this,    /*Cotnext*/

    R.layout.item,   /*一个item的布局*/

    cursor,

    new String[]{"name","age"},   /*name，age分别为数据库中表的属性*/

    new int[]{R.id.name,R.id.age});/*R.id.name,R.id.age可以显示数据*/

listview.setAdapter(adapter);

总结：

ListView的应用有很多，比如

(1)在一般的游戏中列出排行榜；

(2)“设置”中列出多种子设置；

(3)字典列出单词；

(4)通讯录列表；