ListView浅析 笔记

近期正在学习android，发现ListView的用处相当的大，做个笔记。

为了更好的说明ListView的基本作用，首先通过一个基本程序来完成ListView的操作。

进行List的显示

// 设置ListView显示的内容private String data[] = { "测试数据1", "测试数据2", "测试数据3", "测试数据4", "测试数据5","测试数据6", "测试数据7", "测试数据8", "测试数据9", "测试数据10", "测试数据11", "测试数据12","测试数据13", "测试数据14", "测试数据15", "测试数据16", "测试数据17", "测试数据18","测试数据19" };

首先：由于ListView就是一个组件，要使用的话一般需要在布局文件里面进行配置，但是本程序只进行单纯的展示，所以免去

如果要在ListView里面进行显示内容，需要使用setAdapter()方法完成。因为这里进行List的展示，所以直接使用ArrayAdatper类中的构造

ArrayAdapter(Context context, int textViewResourceId, List<T> objects)

此方法里面的三个参数分别为

1.Context：上下文对象

2.textViewResourceId：要使用的布局管理器Id     -->这个既可以使用自己定义好的布局也可以使用android默认的若干个布局(R.layout.XXXXX)

3.Objects：要操作的数组内容

一下为MainActivity.java的代码：

package com.demo.listview;import android.app.Activity;import android.os.Bundle;import android.view.Menu;import android.widget.ArrayAdapter;import android.widget.ListView;public class MainActivity extends Activity {// 设置ListView显示的内容private String data[] = { "测试数据1", "测试数据2", "测试数据3", "测试数据4", "测试数据5","测试数据6", "测试数据7", "测试数据8", "测试数据9", "测试数据10", "测试数据11", "测试数据12","测试数据13", "测试数据14", "测试数据15", "测试数据16", "测试数据17", "测试数据18","测试数据19" };private ListView listView = null; // 定义ListView组件@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);this.listView = new ListView(this); // 实例化组件this.listView.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, this.data)); // 为ListView组件设置内容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;}}

下图为运行结果：

ArrayAdapter的效果并不好，只能显示数组操作，而不能进行更加复杂的操作。比如希望显示图片+内容等等操作就不会成功。

这里就需要使用SimpleAdapter，而且SimpleAdapter也是最常用的。

图片+内容

首先使用SimpleAdapter的第一部必须有一个模板布局管理器。

data_list.xml

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

以上data_list.xml文件就完成了一个简单的布局管理器的操作，每一个TableRow都代表了ListView里面的每一行数据。

下来需要在activity_main.xml里面进行配置。（亦可以在代码中实现）

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context=".MainActivity" >    <TextView        android:id="@+id/msg"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textSize="15sp"        android:text="@string/show_msg" />    <ListView         android:id="@+id/listView"        android:layout_width="fill_parent"        android:layout_height="wrap_content"></ListView></LinearLayout>

TextView是进行消息的展示

ListView则是对数据的展示。

以后的Activity类就要使用SimpleAdapter来处理要包装的数据。

首先 SimpleAdapter的构造方法为：

 SimpleAdapter(Context context, List<? extends Map<String, ?>> data, int resource, String[] from, int[] to)

context：上下文对象

List：List数据

resource：布局文件

from： Map中的key名称

to：data_list.xml的组件资源ID

以下为MainActivity.java

package com.demo.listviewpro;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.os.Bundle;import android.view.Menu;import android.widget.ListView;import android.widget.SimpleAdapter;public class MainActivity extends Activity {// 设置ListView显示的内容private String data[][] = new String[][] { { "001", "测试数据1" },{ "002", "测试数据2" }, { "003", "测试数据3" }, { "004", "测试数据4" },{ "005", "测试数据5" }, { "006", "测试数据6" }, { "007", "测试数据7" },{ "008", "测试数据8" }, { "009", "测试数据9" }, { "010", "测试数据10" },{ "011", "测试数据11" }, { "012", "测试数据12" }, { "013", "测试数据13" },{ "014", "测试数据14" }, { "015", "测试数据15" }, { "016", "测试数据16" },{ "017", "测试数据17" }, { "018", "测试数据18" }, { "019", "测试数据19" } };// 定义ListViewprivate ListView dataList = null;// 定义显示的内容包装private List<Map<String, String>> list = null;// 进行数据的转换操作private SimpleAdapter simpleAdater = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// 取得组件dataList = (ListView) findViewById(R.id.listView);// 初始化list = new ArrayList<Map<String, String>>();for (int i = 0; i < data.length; i++) {// 定义Map集合，保存每一行数据Map<String, String> map = new HashMap<String, String>();// 与data_list.xml的TextView 中_id相匹配map.put("_id", data[i][0]);// 与data_list.xml的TextView 中name相匹配map.put("name", data[i][1]);// 保存所有行数据list.add(map);}// 转换数据simpleAdater = new SimpleAdapter(this, list, R.layout.data_list,new String[] { "_id", "name" }, // Map中的key名称new int[] { R.id._id, R.id.name });// data_list.xml的组件IDdataList.setAdapter(simpleAdater);}@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使用：

首先还是定义布局管理器模板

data_list.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="horizontal" >    <ImageView        android:id="@+id/img"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:padding="3sp" />    <LinearLayout        android:layout_width="150sp"        android:layout_height="wrap_content"        android:gravity="left"        android:orientation="vertical" >        <TextView            android:id="@+id/name"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:padding="3sp"            android:textSize="15sp" />        <TextView            android:id="@+id/explain"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:padding="3sp"            android:textSize="10sp" />    </LinearLayout>    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:gravity="left"        android:orientation="vertical" >        <TextView            android:id="@+id/use"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:padding="3sp"/>        <ImageView            android:id="@+id/score"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:padding="3sp" />    </LinearLayout></LinearLayout>

接下来是activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="vertical"    tools:context=".MainActivity" >    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/msg" />    <ListView        android:id="@+id/datalist"        android:layout_width="fill_parent"        android:layout_height="wrap_content" >    </ListView></LinearLayout>

接着 在Activity里面的操作将变的非常简单，和上面的一个例子一样都将使用SimpleAdapter进行数据的转换以及展示

MainActivity.java

package com.demo.listviewproject;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.os.Bundle;import android.view.Menu;import android.widget.ListView;import android.widget.SimpleAdapter;public class MainActivity extends Activity {// 各种图标的定义private int[] img = new int[] { R.drawable.img_bluetooth,R.drawable.img_browser, R.drawable.img_logo, R.drawable.img_voice,R.drawable.img_wifi };// 用户喜好的图片定义private int[] fav = new int[] { R.drawable.progress_down,R.drawable.progress_up };// 数据显示的定义private String[][] data = new String[][] { { "蓝牙", "用于传送数据" },{ "浏览器", "用于上网冲浪" }, { "Android LOGO", "android LOGO 不必解释" },{ "voice", "语音设置" }, { "WIFI", "又名WLAN 无线上网" } };// 定义组件private ListView listView = null;// 定义显示的内容private List<Map<String, String>> list = null;// 进行数据的转换操作private SimpleAdapter simpleAdapter = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// 取得组件listView = (ListView) findViewById(R.id.datalist);// 初始化list = new ArrayList<Map<String, String>>();// 循环数组for (int i = 0; i < data.length; i++) {// 定义Map集合，定义每一行数据Map<String, String> map = new HashMap<String, String>();// 匹配data_list.xml中的各项map.put("img", String.valueOf(img[i]));map.put("name", data[i][0]);map.put("explain", data[i][1]);map.put("use", "用户热度");int j = (int) (Math.random() * 10);// 用户可以进行各种判断加入不同的内容if (j % 2 == 0) {map.put("score", String.valueOf(fav[0]));} else {map.put("score", String.valueOf(fav[1]));}// 保存数据项list.add(map);}// 数据转换simpleAdapter = new SimpleAdapter(this, list, R.layout.data_list,new String[] { "img", "name", "explain", "use", "score" }, // Map中的keynew int[] { R.id.img, R.id.name, R.id.explain, R.id.use,R.id.score });// data_list.xml中的资源组件IDlistView.setAdapter(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上面添加单击事件以及长按事件等操作。