android ListView详解
http://www.cnblogs.com/allin/archive/2010/05/11/1732200.html
在android开发中ListView是比较常用的组件,它以列表的形式展示具体内容,并且能够根据数据的长度自适应显示。抽空把对ListView的使用做了整理,并写了个小例子,如下图。
列表的显示需要三个元素:
1.ListVeiw用来展示列表的View。
2.适配器用来把数据映射到ListView上的中介。
3.数据具体的将被映射的字符串,图片,或者基本组件。
根据列表的适配器类型,列表分为三种,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter
其中以ArrayAdapter最为简单,只能展示一行字。SimpleAdapter有最好的扩充性,可以自定义出各种效果。SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合,可以方面的把数据库的内容以列表的形式展示出来。
我们从最简单的ListView开始:
viewsourceprint?01/**
02*@authorallin
03*[img][/img]
04*/
05publicclassMyListViewextendsActivity{
06
07privateListViewlistView;
08//privateList<String>data=newArrayList<String>();
09@Override
10publicvoidonCreate(BundlesavedInstanceState){
11super.onCreate(savedInstanceState);
12
13listView=newListView(this);
14listView.setAdapter(newArrayAdapter<String>(this,android.R.layout.simple_expandable_list_item_1,getData()));
15setContentView(listView);
16}
17
18
19
20privateList<String>getData(){
21
22List<String>data=newArrayList<String>();
23data.add("测试数据1");
24data.add("测试数据2");
25data.add("测试数据3");
26data.add("测试数据4");
27
28returndata;
29}
30}
上面代码使用了ArrayAdapter(Contextcontext,inttextViewResourceId,List<T>objects)来装配数据,要装配这些数据就需要一个连接ListView视图对象和数组数据的适配器来两者的适配工作,ArrayAdapter的构造需要三个参数,依次为this,布局文件(注意这里的布局文件描述的是列表的每一行的布局,android.R.layout.simple_list_item_1是系统定义好的布局文件只显示一行文字,数据源(一个List集合)。同时用setAdapter()完成适配的最后工作。运行后的现实结构如下图:
SimpleCursorAdapter
sdk的解释是这样的:AneasyadaptertomapcolumnsfromacursortoTextViewsorImageViewsdefinedinanXMLfile.Youcanspecifywhichcolumnsyouwant,whichviewsyouwanttodisplaythecolumns,andtheXMLfilethatdefinestheappearanceoftheseviews。简单的说就是方便把从游标得到的数据进行列表显示,并可以把指定的列映射到对应的TextView中。
下面的程序是从电话簿中把联系人显示到类表中。先在通讯录中添加一个联系人作为数据库的数据。然后获得一个指向数据库的Cursor并且定义一个布局文件(当然也可以使用系统自带的)。
viewsourceprint?01/**
02*@authorallin
03*
04*/
05publicclassMyListView2extendsActivity{
06
07privateListViewlistView;
08//privateList<String>data=newArrayList<String>();
09@Override
10publicvoidonCreate(BundlesavedInstanceState){
11super.onCreate(savedInstanceState);
12
13listView=newListView(this);
14
15Cursorcursor=getContentResolver().query(People.CONTENT_URI,null,null,null,null);
16startManagingCursor(cursor);
17
18ListAdapterlistAdapter=newSimpleCursorAdapter(this,android.R.layout.simple_expandable_list_item_1,
19cursor,
20newString[]{People.NAME},
21newint[]{android.R.id.text1});
22
23listView.setAdapter(listAdapter);
24setContentView(listView);
25}
26
27
28}
Cursorcursor=getContentResolver().query(People.CONTENT_URI,null,null,null,null);先获得一个指向系统通讯录数据库的Cursor对象获得数据来源。
startManagingCursor(cursor);我们将获得的Cursor对象交由Activity管理,这样Cursor的生命周期和Activity便能够自动同步,省去自己手动管理Cursor。
SimpleCursorAdapter构造函数前面3个参数和ArrayAdapter是一样的,最后两个参数:一个包含数据库的列的String型数组,一个包含布局文件中对应组件id的int型数组。其作用是自动的将String型数组所表示的每一列数据映射到布局文件对应id的组件上。上面的代码,将NAME列的数据一次映射到布局文件的id为text1的组件上。
注意:需要在AndroidManifest.xml中如权限:<uses-permissionandroid:name="android.permission.READ_CONTACTS"></uses-permission>
运行后效果如下图:
SimpleAdapter
simpleAdapter的扩展性最好,可以定义各种各样的布局出来,可以放上ImageView(图片),还可以放上Button(按钮),CheckBox(复选框)等等。下面的代码都直接继承了ListActivity,ListActivity和普通的Activity没有太大的差别,不同就是对显示ListView做了许多优化,方面显示而已。
下面的程序是实现一个带有图片的类表。
首先需要定义好一个用来显示每一个列内容的xml
vlist.xml
viewsourceprint?01<?xmlversion="1.0"encoding="utf-8"?>
02<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
03android:orientation="horizontal"android:layout_width="fill_parent"
04android:layout_height="fill_parent">
05
06
07<ImageViewandroid:id="@+id/img"
08android:layout_width="wrap_content"
09android:layout_height="wrap_content"
10android:layout_margin="5px"/>
11
12<LinearLayoutandroid:orientation="vertical"
13android:layout_width="wrap_content"
14android:layout_height="wrap_content">
15
16<TextViewandroid:id="@+id/title"
17android:layout_width="wrap_content"
18android:layout_height="wrap_content"
19android:textColor="#FFFFFFFF"
20android:textSize="22px"/>
21<TextViewandroid:id="@+id/info"
22android:layout_width="wrap_content"
23android:layout_height="wrap_content"
24android:textColor="#FFFFFFFF"
25android:textSize="13px"/>
26
27</LinearLayout>
28
29
30</LinearLayout>
下面是实现代码:
viewsourceprint?01/**
02*@authorallin
03*
04*/
05publicclassMyListView3extendsListActivity{
06
07
08//privateList<String>data=newArrayList<String>();
09@Override
10publicvoidonCreate(BundlesavedInstanceState){
11super.onCreate(savedInstanceState);
12
13SimpleAdapteradapter=newSimpleAdapter(this,getData(),R.layout.vlist,
14newString[]{"title","info","img"},
15newint[]{R.id.title,R.id.info,R.id.img});
16setListAdapter(adapter);
17}
18
19privateList<Map<String,Object>>getData(){
20List<Map<String,Object>>list=newArrayList<Map<String,Object>>();
21
22Map<String,Object>map=newHashMap<String,Object>();
23map.put("title","G1");
24map.put("info","google1");
25map.put("img",R.drawable.i1);
26list.add(map);
27
28map=newHashMap<String,Object>();
29map.put("title","G2");
30map.put("info","google2");
31map.put("img",R.drawable.i2);
32list.add(map);
33
34map=newHashMap<String,Object>();
35map.put("title","G3");
36map.put("info","google3");
37map.put("img",R.drawable.i3);
38list.add(map);
39
40returnlist;
41}
42}
使用simpleAdapter的数据用一般都是HashMap构成的List,list的每一节对应ListView的每一行。HashMap的每个键值数据映射到布局文件中对应id的组件上。因为系统没有对应的布局文件可用,我们可以自己定义一个布局vlist.xml。下面做适配,new一个SimpleAdapter参数一次是:this,布局文件(vlist.xml),HashMap的title和info,img。布局文件的组件id,title,info,img。布局文件的各组件分别映射到HashMap的各元素上,完成适配。
运行效果如下图:
有按钮的ListView
但是有时候,列表不光会用来做显示用,我们同样可以在在上面添加按钮。添加按钮首先要写一个有按钮的xml文件,然后自然会想到用上面的方法定义一个适配器,然后将数据映射到布局文件上。但是事实并非这样,因为按钮是无法映射的,即使你成功的用布局文件显示出了按钮也无法添加按钮的响应,这时就要研究一下ListView是如何现实的了,而且必须要重写一个类继承BaseAdapter。下面的示例将显示一个按钮和一个图片,两行字如果单击按钮将删除此按钮的所在行。并告诉你ListView究竟是如何工作的。效果如下:
vlist2.xml
viewsourceprint?01<?xmlversion="1.0"encoding="utf-8"?>
02<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
03android:orientation="horizontal"
04android:layout_width="fill_parent"
05android:layout_height="fill_parent">
06
07
08<ImageViewandroid:id="@+id/img"
09android:layout_width="wrap_content"
10android:layout_height="wrap_content"
11android:layout_margin="5px"/>
12
13<LinearLayoutandroid:orientation="vertical"
14android:layout_width="wrap_content"
15android:layout_height="wrap_content">
16
17<TextViewandroid:id="@+id/title"
18android:layout_width="wrap_content"
19android:layout_height="wrap_content"
20android:textColor="#FFFFFFFF"
21android:textSize="22px"/>
22<TextViewandroid:id="@+id/info"
23android:layout_width="wrap_content"
24android:layout_height="wrap_content"
25android:textColor="#FFFFFFFF"
26android:textSize="13px"/>
27
28</LinearLayout>
29
30
31<Buttonandroid:id="@+id/view_btn"
32android:layout_width="wrap_content"
33android:layout_height="wrap_content"
34android:text="@string/s_view_btn"
35android:layout_gravity="bottom|right"/>
36</LinearLayout>
程序代码:
viewsourceprint?001/**
002*@authorallin
003*
004*/
005publicclassMyListView4extendsListActivity{
006
007
008privateList<Map<String,Object>>mData;
009
010@Override
011publicvoidonCreate(BundlesavedInstanceState){
012super.onCreate(savedInstanceState);
013mData=getData();
014MyAdapteradapter=newMyAdapter(this);
015setListAdapter(adapter);
016}
017
018privateList<Map<String,Object>>getData(){
019List<Map<String,Object>>list=newArrayList<Map<String,Object>>();
020
021Map<String,Object>map=newHashMap<String,Object>();
022map.put("title","G1");
023map.put("info","google1");
024map.put("img",R.drawable.i1);
025list.add(map);
026
027map=newHashMap<String,Object>();
028map.put("title","G2");
029map.put("info","google2");
030map.put("img",R.drawable.i2);
031list.add(map);
032
033map=newHashMap<String,Object>();
034map.put("title","G3");
035map.put("info","google3");
036map.put("img",R.drawable.i3);
037list.add(map);
038
039returnlist;
040}
041
042//ListView中某项被选中后的逻辑
043@Override
044protectedvoidonListItemClick(ListViewl,Viewv,intposition,longid){
045
046Log.v("MyListView4-click",(String)mData.get(position).get("title"));
047}
048
049/**
050*listview中点击按键弹出对话框
051*/
052publicvoidshowInfo(){
053newAlertDialog.Builder(this)
054.setTitle("我的listview")
055.setMessage("介绍...")
056.setPositiveButton("确定",newDialogInterface.OnClickListener(){
057@Override
058publicvoidonClick(DialogInterfacedialog,intwhich){
059}
060})
061.show();
062
063}
064
065
066
067publicfinalclassViewHolder{
068publicImageViewimg;
069publicTextViewtitle;
070publicTextViewinfo;
071publicButtonviewBtn;
072}
073
074
075publicclassMyAdapterextendsBaseAdapter{
076
077privateLayoutInflatermInflater;
078
079
080publicMyAdapter(Contextcontext){
081this.mInflater=LayoutInflater.from(context);
082}
083@Override
084publicintgetCount(){
085//TODOAuto-generatedmethodstub
086returnmData.size();
087}
088
089@Override
090publicObjectgetItem(intarg0){
091//TODOAuto-generatedmethodstub
092returnnull;
093}
094
095@Override
096publiclonggetItemId(intarg0){
097//TODOAuto-generatedmethodstub
098return0;
099}
100
101@Override
102publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
103
104ViewHolderholder=null;
105if(convertView==null){
106
107holder=newViewHolder();
108
109convertView=mInflater.inflate(R.layout.vlist2,null);
110holder.img=(ImageView)convertView.findViewById(R.id.img);
111holder.title=(TextView)convertView.findViewById(R.id.title);
112holder.info=(TextView)convertView.findViewById(R.id.info);
113holder.viewBtn=(Button)convertView.findViewById(R.id.view_btn);
114convertView.setTag(holder);
115
116}else{
117
118holder=(ViewHolder)convertView.getTag();
119}
120
121
122holder.img.setBackgroundResource((Integer)mData.get(position).get("img"));
123holder.title.setText((String)mData.get(position).get("title"));
124holder.info.setText((String)mData.get(position).get("info"));
125
126holder.viewBtn.setOnClickListener(newView.OnClickListener(){
127
128@Override
129publicvoidonClick(Viewv){
130showInfo();
131}
132});
133
134
135returnconvertView;
136}
137
138}
139
140
141
142
143}
下面将对上述代码,做详细的解释,listView在开始绘制的时候,系统首先调用getCount()函数,根据他的返回值得到listView的长度(这也是为什么在开始的第一张图特别的标出列表长度),然后根据这个长度,调用getView()逐一绘制每一行。如果你的getCount()返回值是0的话,列表将不显示同样return1,就只显示一行。
系统显示列表时,首先实例化一个适配器(这里将实例化自定义的适配器)。当手动完成适配时,必须手动映射数据,这需要重写getView()方法。系统在绘制列表的每一行的时候将调用此方法。getView()有三个参数,position表示将显示的是第几行,covertView是从布局文件中inflate来的布局。我们用LayoutInflater的方法将定义好的vlist2.xml文件提取成View实例用来显示。然后将xml文件中的各个组件实例化(简单的findViewById()方法)。这样便可以将数据对应到各个组件上了。但是按钮为了响应点击事件,需要为它添加点击监听器,这样就能捕获点击事件。至此一个自定义的listView就完成了,现在让我们回过头从新审视这个过程。系统要绘制ListView了,他首先获得要绘制的这个列表的长度,然后开始绘制第一行,怎么绘制呢?调用getView()函数。在这个函数里面首先获得一个View(实际上是一个ViewGroup),然后再实例并设置各个组件,显示之。好了,绘制完这一行了。那再绘制下一行,直到绘完为止。在实际的运行过程中会发现listView的每一行没有焦点了,这是因为Button抢夺了listView的焦点,只要布局文件中将Button设置为没有焦点就OK了。
运行效果如下图: