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{

07privateListViewlistView;

08//privateList<String>data=newArrayList<String>();

09@Override

10publicvoidonCreate(BundlesavedInstanceState){

11super.onCreate(savedInstanceState);

13listView=newListView(this);

14listView.setAdapter(newArrayAdapter<String>(this,android.R.layout.simple_expandable_list_item_1,getData()));

15setContentView(listView);

16}

20privateList<String>getData(){

22List<String>data=newArrayList<String>();

23data.add("测试数据1");

24data.add("测试数据2");

25data.add("测试数据3");

26data.add("测试数据4");

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{

07privateListViewlistView;

08//privateList<String>data=newArrayList<String>();

09@Override

10publicvoidonCreate(BundlesavedInstanceState){

11super.onCreate(savedInstanceState);

13listView=newListView(this);

15Cursorcursor=getContentResolver().query(People.CONTENT_URI,null,null,null,null);

16startManagingCursor(cursor);

18ListAdapterlistAdapter=newSimpleCursorAdapter(this,android.R.layout.simple_expandable_list_item_1,

19cursor,

20newString[]{People.NAME},

21newint[]{android.R.id.text1});

23listView.setAdapter(listAdapter);

24setContentView(listView);

25}

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">

07<ImageViewandroid:id="@+id/img"

08android:layout_width="wrap_content"

09android:layout_height="wrap_content"

10android:layout_margin="5px"/>

12<LinearLayoutandroid:orientation="vertical"

13android:layout_width="wrap_content"

14android:layout_height="wrap_content">

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"/>

27</LinearLayout>

30</LinearLayout>

下面是实现代码：

viewsourceprint?01/**

02*@authorallin

03*

04*/

05publicclassMyListView3extendsListActivity{

08//privateList<String>data=newArrayList<String>();

09@Override

10publicvoidonCreate(BundlesavedInstanceState){

11super.onCreate(savedInstanceState);

13SimpleAdapteradapter=newSimpleAdapter(this,getData(),R.layout.vlist,

14newString[]{"title","info","img"},

15newint[]{R.id.title,R.id.info,R.id.img});

16setListAdapter(adapter);

17}

19privateList<Map<String,Object>>getData(){

20List<Map<String,Object>>list=newArrayList<Map<String,Object>>();

22Map<String,Object>map=newHashMap<String,Object>();

23map.put("title","G1");

24map.put("info","google1");

25map.put("img",R.drawable.i1);

26list.add(map);

28map=newHashMap<String,Object>();

29map.put("title","G2");

30map.put("info","google2");

31map.put("img",R.drawable.i2);

32list.add(map);

34map=newHashMap<String,Object>();

35map.put("title","G3");

36map.put("info","google3");

37map.put("img",R.drawable.i3);

38list.add(map);

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">

08<ImageViewandroid:id="@+id/img"

09android:layout_width="wrap_content"

10android:layout_height="wrap_content"

11android:layout_margin="5px"/>

13<LinearLayoutandroid:orientation="vertical"

14android:layout_width="wrap_content"

15android:layout_height="wrap_content">

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"/>

28</LinearLayout>

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了。

运行效果如下图：

android ListView详解

相关推荐