近期正在学习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组件
@Override
protected 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) ; // 显示组件
}
@Override
public 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" } };
// 定义ListView
private ListView dataList = null;
// 定义显示的内容包装
private List<Map<String, String>> list = null;
// 进行数据的转换操作
private SimpleAdapter simpleAdater = null;
@Override
protected 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的组件ID
dataList.setAdapter(simpleAdater);
}
@Override
public 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;
@Override
protected 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中的key
new int[] { R.id.img, R.id.name, R.id.explain, R.id.use,
R.id.score });// data_list.xml中的资源组件ID
listView.setAdapter(simpleAdapter);
}
@Override
public 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上面添加单击事件以及长按事件等操作。