从零开始学android:Android基本控件（下）—— 列表显示：ListView

本章目标

本章有些难度及复杂
掌握ListView组件的基本使用；
可以使用SimpleAdapter对显示数据进行封装；
了解ListActivity类的作用；
掌握ListView组件的事件处理操作。

ListView组件的基本使用

与滚动视图（ScrollView）类似的还有一种列表组件（ListView），可以将多个组件加入到ListView之中以达到组件的滚动显示效果，ListView组件本身也有对应的ListView类支持，可以通过操作ListView类以完成对此组组件的操作，ListView类的继承结构如下所示：
java.lang.Object
    ↳ android.view.View
           ↳ android.view.ViewGroup
               ↳ android.widget.AdapterView<T extends android.widget.Adapter>
                     ↳ android.widget.AbsListView
                          ↳ android.widget.ListView

ListView类的常用方法

范例一：实现ListView列表

本实例没有布局文件，只有Activity文件。

package com.richard.scrollview;import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.view.ViewGroup;import android.widget.ArrayAdapter;import android.widget.Button;import android.widget.LinearLayout;import android.widget.ListView;public class MainActivity extends Activity {private String data[] = {"北京我行科技","www.baidu.com","讲师：李兴华","中国高校课件联盟","www.csdn.net","咨询邮箱：[e-mail]","客户服务：[e-mail]","客户电话：[phone]","我的博客：blog.csdn.net/e421083458","程序员招聘网","http://www.javajob.cn/"};private ListView listView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);this.listView = new ListView(this);//实例化组件this.listView.setAdapter(new ArrayAdapter<String>(this,//将数据包装android.R.layout.simple_expandable_list_item_1,//每行显示一条this.data//设置组建内容));super.setContentView(this.listView);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}}

测试效果：

SimpleAdapter类

如果现在希望可以显示更加丰富的效果，则就需要使用SimpleAdapter类完成操作了，SimpleAdapter类的继承结构如下所示：
java.lang.Object
       ↳    android.widget.BaseAdapter
            ↳    android.widget.SimpleAdapter

SimpleAdapter类作用

SimpleAdapter类的主要功能是将List集合的数据转换为ListView可以支持的数据，而要想实现这种转换，首先需要定义一个数据的显示模板（专门定义一个布局管理器，基本上都是表格布局），在这一模板中可以定义ListView每一行所需要显示的所有组件，而在需要转换的List集合里保存的是多条Map集合的数据，这些Map集合里面保存着一些具体的要显示的信息，即：模板中每一个组件的ID实际上就相当于规定了里面保存的Map集合的key，而模板中每个组件的显示内容，则由Map保存的value决定。

SimpleAdapter类的常用方法

范例2:使用SimpleAdapter包装数据

定义数据显示模板 —— res/layout/data_list.xml

<?xml version="1.0" encoding="utf-8"?><TableLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="wrap_content">    <TableRow>        <ImageView             android:id="@+id/icon"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/icon"            />        <TextView             android:id="@+id/_id"            android:textSize="20px"            android:gravity="center_vertical"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            />        <TextView             android:id="@+id/name"            android:textSize="20px"            android:gravity="center_vertical"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            />    </TableRow></TableLayout>

定义Activity程序的布局管理器 —— main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_height="fill_parent"    android:layout_width="fill_parent"    >    <TextView         android:layout_width="fill_parent"        android:layout_height="wrap_content"android:textSize="9pt"android:gravity="center_vertical"android:text="文章信息列表"/>    <ListView         android:id="@+id/datalist"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        /></LinearLayout>

定义Activity程序，设置ListView内容

package com.richard.scrollview;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.view.ViewGroup;import android.widget.ArrayAdapter;import android.widget.Button;import android.widget.LinearLayout;import android.widget.ListView;import android.widget.SimpleAdapter;public class MainActivity extends Activity {private String data[][] = new String[][]{{"01","北京魔乐科技"},{"02","www.mldnjava.cn"},{"03","讲师：李兴华"},{"04","中国高校讲课联盟"},{"05","www.jiangker.com"},{"06","咨询邮箱：[e-mail]"},{"07","客户服务:[e-mail]"},{"08","咨询电话：[phone]"},{"09","魔乐社区：bbs.mldn.cn"},{"10","程序员招聘网：http://www.javajob.cn/"}};//定义显示数据private List<Map<String,String>> list = new ArrayList<Map<String,String>>();private ListView datalist;private SimpleAdapter simpleAdapter = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);super.setContentView(R.layout.activity_main);this.datalist = (ListView) super.findViewById(R.id.datalist);for(int x = 0; x < this.data.length; x++){Map<String, String> map = new HashMap<String, String>();map.put("_id", data[x][0]);map.put("name", data[x][1]);this.list.add(map);}this.simpleAdapter = new SimpleAdapter(this,//实例化SimpleAdapterthis.list,R.layout.data_list,//要使用的显示模板new String[]{"_id","name"},//定义要显示的Map的Keynew int[]{R.id._id, R.id.name});//与模板中的组建匹配this.datalist.setAdapter(this.simpleAdapter);//设置显示数据}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}}

测试效果：

更复杂列表信息项

使用过Android手机的用户应该都见过图所示的列表信息项，这种列表信息的显示项可以为用户提供更加丰富的效果

定义ListView项的布局管理器 —— data_list.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" ><ImageView     android:id="@+id/pic"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:padding="3px"/><LinearLayout    android:layout_width="200px"    android:layout_height="wrap_content"    android:gravity="left"    android:orientation="vertical" >    <TextView         android:id="@+id/title"        android:padding="3px"        android:textSize="16px"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        />    <TextView         android:id="@+id/author"android:padding="3px"android:textSize="10px"android:layout_width="wrap_content"android:layout_height="wrap_content"        /></LinearLayout><LinearLayout    android:orientation="vertical"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:gravity="left">    <TextView         android:id="@+id/type"        android:padding="3px"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        />    <ImageView         android:id="@+id/score"        android:padding="3px"        android:layout_width="wrap_content"        android:layout_height="wrap_content"          /></LinearLayout></LinearLayout>

定义主体布局管理器 —— main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_height="fill_parent"    android:layout_width="fill_parent"    >    <TextView         android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:textSize="20px"        android:gravity="center_horizontal"        android:text="我行网信息列表"        />    <ListView         android:id="@+id/datalist"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        /></LinearLayout>

定义Activity程序，填充内容

package com.richard.scrollview;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.view.ViewGroup;import android.widget.ArrayAdapter;import android.widget.Button;import android.widget.LinearLayout;import android.widget.ListView;import android.widget.SimpleAdapter;public class MainActivity extends Activity {private int[] pic = new int[]{R.drawable.icon_1,R.drawable.icon_2,R.drawable.icon_3,R.drawable.icon_4,R.drawable.icon_5,R.drawable.icon_1};private String data[][] = new String[][]{{"oracle数据库", "我行网"},{"javase基础课程", "牛儿吃草"},{"javaweb综合开发", "e421083458"},{"javaee高级开发", "牛儿吃草"},{"java 游戏开发", "e421083458"},{"oracle数据库", "我行网"}};private List<Map<String, String>> list = new ArrayList<Map<String, String>>();private ListView datalist;private SimpleAdapter simpleAdapter = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);super.setContentView(R.layout.activity_main);this.datalist = (ListView) super.findViewById(R.id.datalist);for(int x = 0;x < this.data.length; x++){Map<String, String> map = new HashMap<String, String>();map.put("pic", String.valueOf(this.pic[x]));map.put("title", this.data[x][0]);map.put("author", this.data[x][1]);map.put("type", "免费");map.put("score", String.valueOf(R.drawable.star_5));this.list.add(map);}this.simpleAdapter = new SimpleAdapter(this,this.list,R.layout.data_list,new String[]{"pic", "title", "author", "type", "score"},new int[]{R.id.pic, R.id.title, R.id.author, R.id.type, R.id.score});this.datalist.setAdapter(this.simpleAdapter);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}}

测试效果：

使用ListActivity进行开发

范例：在main.xml文件之中定义显示的组件

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent" >    <TableRow>        <ImageView             android:id="@+id/icon"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/icon"            />        <TextView             android:id="@+id/_id"            android:textSize="12px"            android:gravity="center_vertical"            android:layout_width="wrap_content"            android:layout_height="match_parent"            />        <TextView             android:id="@+id/name"            android:textSize="12px"            android:gravity="center_vertical"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            />    </TableRow>    </TableLayout>

定义Activity程序

package com.richard.listactivity;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.os.Bundle;import android.app.Activity;import android.app.ListActivity;import android.view.Menu;import android.widget.ListView;import android.widget.SimpleAdapter;public class MainActivity extends ListActivity {private String data[][] = new String[][]{{"01", "北京大兴"},{"02", "http://blog.csdn.net/e421083458"},{"03", "博客：csdn"},{"04", "邮箱:e421083458"},{"05", "百度谷歌新浪"},{"06", "电话：1888888888"},{"07", "百度博客：hi.baidu.com/111111"},{"08", "淘宝网：http://www.taobao.com"},{"09", "19楼：http://www.19lou.com"},{"10", "博客园：http://www.cnblog.cn"}};private List<Map<String, String>> list = new ArrayList<Map<String, String>>();private SimpleAdapter simpleAdapter = null;private ListView listview = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);this.listview = new ListView(this);this.listview = (ListView) super.findViewById(R.id._id);for(int x = 0;x < this.data.length; x++){Map<String, String> map = new HashMap<String, String>();map.put("_id", this.data[x][0]);map.put("name", this.data[x][1]);this.list.add(map);}this.simpleAdapter = new SimpleAdapter(this,this.list,R.layout.activity_main,new String[]{"_id", "name"},new int[]{R.id._id, R.id.name});super.setListAdapter(this.simpleAdapter);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}}

测试效果：

ListView事件处理

当用户使用ListView进行数据列表显示的时候，也是可以进行事件处理操作的，而ListView组件类中的所有事件处理操作都是通过android.widget.AdapterView<T extends android.widget.Adapter>类继承下来的。

定义ListView显示时所需要的布局文件 —— data_list.xml

<?xml version="1.0" encoding="utf-8"?><TableLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="wrap_content" >    <TableRow>        <ImageView             android:id="@+id/icon"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:src="@drawable/file_icon"            />        <TextView             android:id="@+id/_id"            android:textSize="12px"            android:gravity="center_vertical"            android:layout_height="wrap_content"            android:layout_width="wrap_content"            />        <TextView             android:id="@+id/name"            android:textSize="12px"            android:gravity="center_vertical"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            />    </TableRow></TableLayout>

定义布局管理器 —— 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" ><TextView     android:id="@+id/info"    android:layout_height="wrap_content"    android:layout_width="fill_parent"    android:gravity="center_horizontal"    /><ListView     android:id="@+id/datalist"    android:layout_width="fill_parent"    android:layout_height="wrap_content"    ></ListView></LinearLayout>

定义Activity程序

package com.richard.scrollview;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.view.View;import android.view.ViewGroup;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.ArrayAdapter;import android.widget.Button;import android.widget.LinearLayout;import android.widget.ListView;import android.widget.SimpleAdapter;import android.widget.TextView;public class MainActivity extends Activity {private String data[][] = new String[][]{{ "01", "北京魔乐科技" },{ "02", "www.mldnjava.cn" }, { "03", "讲师：李兴华" },{ "04", "中国高校讲课联盟" }, { "05", "www.jiangker.com" },{ "06", "咨询邮箱：[e-mail]" }, { "07", "客户服务：[e-mail]" },{ "08", "客户电话：[phone]" }, { "09", "魔乐社区：bbs.mldn.cn" },{ "10", "程序员招聘网：http://www.javajob.cn/" } };private List<Map<String, String>> list = new ArrayList<Map<String, String>>();private SimpleAdapter simpleAdapter = null;private ListView datalist = null;private TextView info = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);this.datalist = (ListView) super.findViewById(R.id.datalist);this.info = (TextView) super.findViewById(R.id.info);for(int x = 0; x < this.data.length; x++){Map<String, String> map = new HashMap<String, String>();map.put("_id", data[x][0]);map.put("name", data[x][1]);this.list.add(map);}this.simpleAdapter = new SimpleAdapter(this,this.list,R.layout.data_list,new String[]{"_id", "name"},new int[]{R.id._id, R.id.name});this.datalist.setAdapter(this.simpleAdapter);this.datalist.setOnItemClickListener(new OnItemClickListenerImpl());}private class OnItemClickListenerImpl implements OnItemClickListener{@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position,long id) {Map<String,String> map = (Map<String,String>) MainActivity.this.simpleAdapter.getItem(position);String _id = map.get("_id");String name = map.get("name");MainActivity.this.info.setText("选中的数据ID是："+ _id + ",名称是：" + name);}}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}}

测试效果：