在android开发中ListView是比较常用的组件,它以列表的形式展示具体内容,并且能够根据数据的长度自适应显示。抽空把对ListView的使用做了整理,并写了个小例子,如下图。
列表的显示需要三个元素:
1.ListVeiw 用来展示列表的View。
2.适配器 用来把数据映射到ListView上的中介。
3.数据 具体的将被映射的字符串,图片,或者基本组件。
根据列表的适配器类型,列表分为三种,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter
其中以ArrayAdapter最为简单,只能展示一行字。
SimpleAdapter有最好的扩充性,可以自定义出各种效果。
SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合,可以方面的把数据库的内容以列表的形式展示出来。
public class MyListView extends Activity {
private ListView listView;
//private List<String> data = new ArrayList<String>();
@Override
public void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
listView = new ListView(this);
listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,getData()));
setContentView(listView);
}
private List<String> getData(){
List<String> data = new ArrayList<String>();
data.add("测试数据1");
data.add("测试数据2");
data.add("测试数据3");
data.add("测试数据4");
return data;
}
}
上面代码使用了ArrayAdapter(Context context, int textViewResourceId, List<T> objects)来装配数据,要装配这些数据就需要一个连接ListView视图对象和数组数据的适配器来两者的适配工作,ArrayAdapter的构造需要三个参数,依次为this,布局文件(注意这里的布局文件描述的是列表的每一行的布局,android.R.layout.simple_list_item_1是系统定义好的布局文件只显示一行文字,数据源(一个List集合)。同时用setAdapter()完成适配的最后工作。运行后的现实结构如下图:
SimpleAdapter
simpleAdapter的扩展性最好,可以定义各种各样的布局出来,可以放上ImageView(图片),还可以放上Button(按钮),CheckBox(复选框)等等。下面的代码都直接继承了ListActivity,ListActivity和普通的Activity没有太大的差别,不同就是对显示ListView做了许多优化,方面显示而已。
下面的程序是实现一个带有图片的类表。
首先需要定义好一个用来显示每一个列内容的xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView android:id="@+id/img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="5px"/>
<LinearLayout android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#FFFFFFFF"
android:textSize="22px" />
<TextView android:id="@+id/info"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#FFFFFFFF"
android:textSize="13px" />
</LinearLayout>
</LinearLayout>
实现代码:
public class MyListView3 extends ListActivity {
// private List<String> data = new ArrayList<String>();
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
SimpleAdapter adapter = new SimpleAdapter(this,getData(),R.layout.vlist,
new String[]{"title","info","img"},
new int[]{R.id.title,R.id.info,R.id.img});
setListAdapter(adapter);
}
private List<Map<String, Object>> getData() {
List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
Map<String, Object> map = new HashMap<String, Object>();
map.put("title", "G1");
map.put("info", "google 1");
map.put("img", R.drawable.i1);
list.add(map);
map = new HashMap<String, Object>();
map.put("title", "G2");
map.put("info", "google 2");
map.put("img", R.drawable.i2);
list.add(map);
map = new HashMap<String, Object>();
map.put("title", "G3");
map.put("info", "google 3");
map.put("img", R.drawable.i3);
list.add(map);
return list;
}
}
使用simpleAdapter的数据用一般都是HashMap构成的List,list的每一节对应ListView的每一行。HashMap的每个键值数据映射到布局文件中对应id的组件上。因为系统没有对应的布局文件可用,我们可以自己定义一个布局vlist.xml。下面做适配,new一个SimpleAdapter参数一次是:this,布局文件(vlist.xml),HashMap的 title 和 info,img。布局文件的组件id,title,info,img。布局文件的各组件分别映射到HashMap的各元素上,完成适配。
运行效果如下图:
listView在开始绘制的时候,系统首先调用getCount()函数,根据他的返回值得到listView的长度(这也是为什么在开始的第一张图特别的标出列表长度),然后根据这个长度,调用getView()逐一绘制每一行。如果你的getCount()返回值是0的话,列表将不显示同样return 1,就只显示一行。
系统显示列表时,首先实例化一个适配器(这里将实例化自定义的适配器)。当手动完成适配时,必须手动映射数据,这需要重写getView()方法。系统在绘制列表的每一行的时候将调用此方法。getView()有三个参数,position表示将显示的是第几行,covertView是从布局文件中inflate来的布局。我们用LayoutInflater的方法将定义好的vlist2.xml文件提取成View实例用来显示。然后将xml文件中的各个组件实例化(简单的findViewById()方法)。这样便可以将数据对应到各个组件上了。
自定义Adapter
ArraAdapter是简单的字符串适配器(很丑,因为没办法帅。。。),SimpleAdapter是可以自定义子View布局的,可以有图片(只限于本地图片,如果要用网络加载图片,请参考我之前的一篇Blog),SimpleCursorAdapter主要用于数据库,前两个的数据来源一般都是String[]或者List,后一个的数据来源一般是数据库查询得到的Cursor
自定义用的最多的还是继承自SimpleAdapter,下面说一下具体用法:
首先最重要的是其构造方法——MyAdapter(Context context, List<Map<String, Object>> list),参数不是固定的,可以根据要用到的数据自己定义,第一个参数是要显示的上下文环境,第二个参数是用来记录各个条目的信息
继承SimpleAdapter,具体要复写的方法有4个:
public int getCount()
主要是返回ListView中要显示的子View数量,也就是下载任务数,只要返回构造方法中的list的条目就可以了
public Object getItem(int position)
要返回一个子View,即ListView中的一个子条目,当然你也可以自定义返回你想要的信息
public long getItemId(int position)
是根据ListView中的位置返回id
public View getView(int position, View convertView, ViewGroup parent)
最难理解的也就是第四个方法了,第四个方法主要是返回这个条目的整个信息,它是一个单独的布局文件,当然根据android结构也是一个View类的继承类了,这里还有一个知识点是LayoutInflater类,它的inflate()方法可以根据布局文件获得其View返回值,而最重要的思想是你要从这些条目中获得其子View(关系为ListView中有很多条目,每个条目中又有很多组件,我这里是ListView中多个下载任务是不同的条目,每个下载任务中的名字,进度又是其子View的组件),再得到其子组件之后,就可以根据构造方法中List<Map<String, Object>> list参数传递的值进行对应的赋值或者设置资源了,具体代码如下:
import java.util.List;
2 import java.util.Map;
3
4 import android.content.Context;
5 import android.view.LayoutInflater;
6 import android.view.View;
7 import android.view.ViewGroup;
8 import android.widget.BaseAdapter;
9 import android.widget.LinearLayout;
10 import android.widget.ProgressBar;
11 import android.widget.TextView;
12
13 public class MyAdapter extends BaseAdapter
14 {
15 private Context context;
16
17 private LayoutInflater layoutInflater;
18
19 private List<Map<String, Object>> list;
20
21 //构造方法,参数list传递的就是这一组数据的信息
22 public MyAdapter(Context context, List<Map<String, Object>> list)
23 {
24 this.context = context;
25
26 layoutInflater = LayoutInflater.from(context);
27
28 this.list = list;
29 }
30
31 //得到总的数量
32 public int getCount()
33 {
34 // TODO Auto-generated method stub
35 return this.list!=null? this.list.size(): 0 ;
36 }
37
38 //根据ListView位置返回View
39 public Object getItem(int position)
40 {
41 // TODO Auto-generated method stub
42 return this.list.get(position);
43 }
44
45 //根据ListView位置得到List中的ID
46 public long getItemId(int position)
47 {
48 // TODO Auto-generated method stub
49 return position;
50 }
51
52 //根据位置得到View对象
53 public View getView(int position, View convertView, ViewGroup parent)
54 {
55 if(convertView == null)
56 {
57 convertView = layoutInflater.inflate(R.layout.item, null);//自己定义layout
58 }
59
60 //得到条目中的子组件
61 TextView tv1 = (TextView)convertView.findViewById(R.id.nameTextView);
62 ProgressBar pb = (ProgressBar)convertView.findViewById(R.id.sizeProgressBar);
63 TextView tv2 = (TextView)convertView.findViewById(R.id.sizeTextView);
64
65 //从list对象中为子组件赋值
66 tv1.setText(list.get(position).get("name").toString());
67 pb.setProgress(Integer.parseInt(list.get(position).get("size").toString()));
68 tv2.setText(list.get(position).get("size").toString());
69
70 return convertView;
71 }
72 }
下拉刷新和加载更多
https://github.com/Maxwin-z/XListView-Android