您的位置:首页 > 理论基础 > 计算机网络

ListView应用(转自http://www.cnblogs.com/allin/archive/2010/05/11/1732200.html)

2013-01-11 16:24 281 查看



android diordna

博客园
闪存
首页
新随笔
联系
管理
订阅



随笔- 25 文章- 0 评论- 117

android ListView详解

由于google doc 很多人都打不开,故更新了源码下载地址 【源码下载】----2011-01-18

  在android开发中ListView是比较常用的组件,它以列表的形式展示具体内容,并且能够根据数据的长度自适应显示。抽空把对ListView的使用做了整理,并写了个小例子,如下图。



列表的显示需要三个元素:

1.ListVeiw 用来展示列表的View。

2.适配器 用来把数据映射到ListView上的中介。

3.数据 具体的将被映射的字符串,图片,或者基本组件。

根据列表的适配器类型,列表分为三种,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter

其中以ArrayAdapter最为简单,只能展示一行字。SimpleAdapter有最好的扩充性,可以自定义出各种效果。SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合,可以方面的把数据库的内容以列表的形式展示出来。

我们从最简单的ListView开始:

?
上面代码使用了ArrayAdapter(Context context,
int textViewResourceId, List<T> objects)来装配数据,要装配这些数据就需要一个连接ListView视图对象和数组数据的适配器来两者的适配工作,ArrayAdapter的构造需要三个参数,依次为this,布局文件(注意这里的布局文件描述的是列表的每一行的布局,android.R.layout.simple_list_item_1是系统定义好的布局文件只显示一行文字,数据源(一个List集合)。同时用setAdapter()完成适配的最后工作。运行后的现实结构如下图:



SimpleCursorAdapter

  sdk的解释是这样的:An easy adapter to map columns from a cursor to TextViews or ImageViews defined in an XML file. You can specify which columns you want, which views you want to display the columns, and the XML file that defines the appearance of these views。简单的说就是方便把从游标得到的数据进行列表显示,并可以把指定的列映射到对应的TextView中。

  下面的程序是从电话簿中把联系人显示到类表中。先在通讯录中添加一个联系人作为数据库的数据。然后获得一个指向数据库的Cursor并且定义一个布局文件(当然也可以使用系统自带的)。

?
 Cursor cursor = 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-permission android:name="android.permission.READ_CONTACTS"></uses-permission>

运行后效果如下图:



SimpleAdapter

simpleAdapter的扩展性最好,可以定义各种各样的布局出来,可以放上ImageView(图片),还可以放上Button(按钮),CheckBox(复选框)等等。下面的代码都直接继承了ListActivity,ListActivity和普通的Activity没有太大的差别,不同就是对显示ListView做了许多优化,方面显示而已。

下面的程序是实现一个带有图片的类表。

首先需要定义好一个用来显示每一个列内容的xml

vlist.xml

?
下面是实现代码:

?
使用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

?
程序代码:

?
  下面将对上述代码,做详细的解释,listView在开始绘制的时候,系统首先调用getCount()函数,根据他的返回值得到listView的长度(这也是为什么在开始的第一张图特别的标出列表长度),然后根据这个长度,调用getView()逐一绘制每一行。如果你的getCount()返回值是0的话,列表将不显示同样return 1,就只显示一行。

  系统显示列表时,首先实例化一个适配器(这里将实例化自定义的适配器)。当手动完成适配时,必须手动映射数据,这需要重写getView()方法。系统在绘制列表的每一行的时候将调用此方法。getView()有三个参数,position表示将显示的是第几行,covertView是从布局文件中inflate来的布局。我们用LayoutInflater的方法将定义好的vlist2.xml文件提取成View实例用来显示。然后将xml文件中的各个组件实例化(简单的findViewById()方法)。这样便可以将数据对应到各个组件上了。但是按钮为了响应点击事件,需要为它添加点击监听器,这样就能捕获点击事件。至此一个自定义的listView就完成了,现在让我们回过头从新审视这个过程。系统要绘制ListView了,他首先获得要绘制的这个列表的长度,然后开始绘制第一行,怎么绘制呢?调用getView()函数。在这个函数里面首先获得一个View(实际上是一个ViewGroup),然后再实例并设置各个组件,显示之。好了,绘制完这一行了。那
再绘制下一行,直到绘完为止。在实际的运行过程中会发现listView的每一行没有焦点了,这是因为Button抢夺了listView的焦点,只要布局文件中将Button设置为没有焦点就OK了。

运行效果如下图:



源码下载

分类:
android技术
标签: android,
ListView
绿色通道: 好文要顶
关注我 收藏该文与我联系






allin.android

关注 - 0

粉丝 - 145

+加关注

56
0

(请您对文章做出评价)

«
博主上一篇:给Chrome穿上Android的衣服

»
博主下一篇:android service 学习(上)

«
首页上一篇:android 入门之一【开发环境搭建】

»
首页下一篇:Android 开发之旅:又见Hello World!

posted @ 2010-05-11 01:07
allin.android 阅读(237884) 评论(76)
编辑 收藏



12

评论

#27楼
2011-05-15 01:19 |
matako

感谢啊!!内牛满面啊·············
支持(0)反对(0)

#28楼
2011-05-23 13:50 |
hahajing9

为了感谢lz我还特意申请了一个账号,很感谢啊!
支持(0)反对(0)

#29楼
2011-05-24 13:48 |
amey

楼主真是好人啊,强烈支持啊!!
支持(0)反对(0)

#30楼
2011-05-27 17:09 |
semaru

楼主,请问将Button换成ImageButton如何设置为没有焦点?
支持(0)反对(0)

#31楼
2011-06-30 16:15 |
whysqwhw

引用
hahajing9:为了感谢lz我还特意申请了一个账号,很感谢啊!

支持(0)反对(0)

#32楼
2011-07-07 16:52 |
黑菜妞妞

挺好哈~~~
支持(0)反对(0)

#33楼
2011-07-14 13:28 |
yuanbin Song

还用要源码么?我感觉者上面已经是源码了啊
支持(0)反对(0)

#34楼
2011-07-19 17:14 |
perfect_yang

代码还缺少一部分吧,求打包源码,不胜感激,perfect_yang@yeah.net
支持(0)反对(0)

#35楼
2011-07-21 16:26 |
Virus-BeautyCode

好文,顶你一下
支持(0)反对(0)

#36楼
2011-07-27 11:53 |
LiLiNiuNiu

楼主您好,我参考您的文章也写了一篇ListView的说明,在我的文章里边引用到了您的两张图片,如果您有意见请告诉我我马上删除,谢谢!
支持(0)反对(0)

#37楼
2011-07-27 14:48 |
Tiger_Dog

不错 很详细
支持(0)反对(0)

#38楼[楼主]
2011-07-31 19:38 |
allin.android

@LiLiNiuNiu

没关系,注明来源就可以
支持(0)反对(0)

#39楼
2011-08-03 12:02 |
王瑾

很好
支持(0)反对(0)

#40楼
2011-08-05 10:11 |
ianan

请问楼主,读联系人那个例子我想点击一下人名,通过Toast来显示他的名字,这个怎么实现呢
支持(0)反对(0)

#41楼
2011-08-08 10:00 |
小标标

谢谢楼主,留下;
支持(0)反对(0)

#42楼
2011-08-14 01:47 |
SkyHacker

博主你好,我有点问题想请教一下。

为什么要用List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();而不用ArrayList<Map<String, Object>> list = new ArrayList<Map<String, Object>>();

为什么用用Map<String, Object> map = new HashMap<String, Object>();不用HashMap<String, Object> map = new HashMap<String, Object>();
支持(0)反对(0)

#43楼
2011-08-14 01:58 |
SkyHacker

还有,字体大小应该用sp比较好吧,控件大小用dp。在网上看的~
支持(0)反对(0)

#44楼
2011-08-14 15:37 |
狐狸喝粥

最后一段listview的实现流程让小弟很受益,感谢!
支持(0)反对(0)

#45楼
2011-08-28 12:25 |
香山早秋

很是感谢
支持(0)反对(0)

#46楼
2011-08-30 21:07 |
香山早秋

你好,我在实际操作过程中遇到了一些问题,可以给个联系方式联系一下吗?非常感谢
支持(0)反对(0)

#47楼
2011-09-02 10:28 |
上帝脚瓜

楼主真的很感谢你这篇文章,让我解决了 ListView里面触发按钮的事件。。好文章啊~再次感谢。
支持(0)反对(0)

#48楼
2011-09-07 15:51 |
逍遥无极

好文,顶楼主,受益匪浅啊
支持(0)反对(0)

#49楼
2011-09-26 23:04 |
YoyiorLee

请教,listview 滚动的时候,图片是异步加载,但是会错位跳几下才回到正确的图片,是怎么会事?求解救
支持(0)反对(0)

#50楼
2011-10-25 10:36 |
未出茅庐

请问楼主,listview控件怎么没有在xml文件中定义?
支持(0)反对(0)

#51楼
2011-10-27 13:49 |
李欢

很好 感谢楼主!
支持(0)反对(0)

#52楼
2011-11-14 22:56 |
kane1990

为什么我写完运行发现三个图像最后显示的是一样的。其他的都正常。

我的getView()函数是这样写的。

?
运行结果如下(为什么三个图像是一样的,而且我log的三个id是不一样的啊。很困惑。。。)




支持(0)反对(0)

#53楼
2011-11-20 02:18 |
依然在一起

博主,,,,,,,,,,,,,,,,,,,,,,,,,,,

有个小问题啊,

为什么第四个程序,就是加按钮的那个,点击按钮只弹出对话框,并不会删除当前行啊。。
支持(0)反对(0)

#54楼
2011-11-24 09:22 |
ITMelody

菜鸟谢过楼主。
支持(0)反对(0)

#55楼
2011-11-29 14:40 |
john23.net

学习了
支持(0)反对(0)

#56楼
2011-12-21 14:54 |
39.5℃

亲,太感谢您的奉献了,很好的例子,对我非常有用。
支持(0)反对(0)

#57楼
2011-12-26 02:07 |
chennan_fr

楼主你好,感谢您提供的实例,让我受益匪浅,有一个小问题想请教您下,文章最后说的那个button抢夺了listview的焦点问题,我不太清楚应该如何设置让button失去焦点。。。谢谢
支持(0)反对(0)

#58楼
2011-12-27 11:51 |
ttsmile

感谢楼主!
支持(0)反对(0)

#59楼
2012-01-03 16:16 |
D.Winter

Item之间的那根线能隐藏掉吗?
支持(0)反对(0)

#60楼
2012-01-04 16:44 |
古老的陶罐

感谢楼主!
支持(0)反对(0)

#61楼
2012-01-05 11:18 |
惊现菜鸟

有兴趣一起探讨android的朋友+我的哈。。109653606
支持(0)反对(0)

#62楼
2012-01-06 16:16 |
oldfeel

谢谢分享。
支持(0)反对(0)

#63楼
2012-01-07 15:07 |
雨奇

多谢~ 已装载保存
支持(0)反对(0)

#64楼
2012-01-12 14:17 |
lasttime

楼主你好,我在每一行都设置了几个button,那我如何通过这些button来改变同一行的button的隐藏和显示呢
支持(0)反对(0)

#65楼
2012-03-14 13:36 |
北城君

很好,讲的很详细。。。
支持(0)反对(0)

#66楼
2012-03-22 19:48 |
xl-suifeng

在下新手,多谢博主分享。感激不尽!
支持(0)反对(0)

#67楼
2012-03-25 20:53 |
Jarend

你再加上一局android:clickable="false"就可以得到焦点了
支持(0)反对(0)

#68楼
2012-03-26 16:41 |
D_i_y

帮助很大,不过图片这离理解不了,

我从网上解析的图片,holder.iv_Friend_Head.setImageBitmap((Bitmap) list.get(position).get("head")) ;这里报类转换异常,请问该怎么解决!!
支持(0)反对(0)

#69楼
2012-05-02 23:48 |
飘风aaa

楼主啊 我想问你个问题 你重点怎么没写出来呢 就是删除当行才是重点啊 就是怎么知道这是点击的是Button而不是图片或者文字呢??????你写的代码没有实现你所说的删除当行的功能! 我急需这方面的只是 希望你能回答我 拜托了
支持(0)反对(0)

#70楼
2012-05-05 17:19 |
lk_well

android listview综合使用示例_结合数据库操作和listitem单击长按等事件处理

/article/1409649.html
支持(0)反对(0)

#71楼
2012-06-05 22:30 |
ATP_

收益良多,收藏下,多谢
支持(0)反对(0)

#72楼
2012-06-08 10:11 |
杨尧尧

谢谢啊!
支持(0)反对(0)

#73楼
2012-07-12 07:23 |
kfforever

多谢了哦。
支持(0)反对(0)

#74楼
2012-07-14 20:02 |
potatopig

请问楼组,怎么让按钮和listview共存,不是像你这样,按钮在底部,listview在按钮上面,单机按钮listview就可以更新。
支持(0)反对(0)

#75楼
2012-08-07 11:28 |
ttsmile

LZ总结的真不错!直接拿来就可以用了。只是附件demo命名混乱了些。
支持(0)反对(0)

#76楼24975712012/10/20 19:51:31
2012-10-20 19:51 |
依*晨

楼主,为什么我做的那个按钮触发事件还是不行啊??
支持(0)反对(0)

12

刷新评论刷新页面返回顶部

注册用户登录后才能发表评论,请
登录 或 注册,访问网站首页。

IE10:全面支持HTML5,让你创造更多

找优秀程序员,就在博客园

博客园首页博问新闻闪存程序员招聘知识库

最新IT新闻:

· 微软用开源游戏SuperTuxKart演示IllumiRoom

· 微软或将在29日于巴西正式发布Surface Pro

· 还是有的:看看CES 2013上的那些妹纸们

· 首次曝光:360新总部内部超多图赏

· 《财富》公布2012中国商人:京东刘强东当选

» 更多新闻...
最新知识库文章:

·
你真想到了50岁还靠编程来养家糊口吗?

· 编写高效的JavaScript程序

· Javascript 模块化编程

· 使用CSS的类名交集复合选择器

· 马云专访全文:商业王国、孤独感、管理艺术

» 更多知识库文章...

公告

allin android
昵称:allin.android

园龄:2年8个月

粉丝:145

关注:0
+加关注

<2010年5月>
2526272829301
2345678
9101112131415
16171819202122
23242526272829
303112345

搜索

常用链接

我的随笔
我的评论
我的参与
最新评论
我的标签
更多链接

我的标签

android(10)
app(2)
service(2)
intent(2)
ListView(1)
looper(1)
AIDL(1)
thread(1)
段子(1)
分辨率(1)
更多

随笔分类(20)

android技术(16)

android周边(4)

随笔档案(25)

2012年7月 (1)

2011年12月 (1)

2011年11月 (1)

2011年8月 (4)

2011年5月 (2)

2011年4月 (1)

2011年3月 (1)

2011年2月 (1)

2010年11月 (1)

2010年9月 (1)

2010年8月 (2)

2010年7月 (1)

2010年5月 (8)

最新评论

1. Re:android ListView详解
楼主,为什么我做的那个按钮触发事件还是不行啊??
--依*晨
2. Re:android service 学习(上)
非常棒!!我今天刚刚学习了service , broadcast就看见了这篇文章,收获很大,衷心感谢哦~~
--允许我骄傲疯狂
3. Re:android ListView详解
LZ总结的真不错!直接拿来就可以用了。只是附件demo命名混乱了些。
--ttsmile
4. Re:android ListView详解
请问楼组,怎么让按钮和listview共存,不是像你这样,按钮在底部,listview在按钮上面,单机按钮listview就可以更新。
--potatopig
5. Re:android ListView详解
多谢了哦。
--kfforever

阅读排行榜

1. android ListView详解(237884)
2. android service 学习(上)(54636)
3. android 线程间的通信(17713)
4. android service 学习(下)(17643)
5. Intent学习(2701)

评论排行榜

1. android ListView详解(76)
2. android service 学习(上)(15)
3. android service 学习(下)(6)
4. android游戏《趣味象棋》 更新到v1.2 支持”人人对战“(6)
5. 一个被下架的App(5)

推荐排行榜

1. android ListView详解(56)
2. android service 学习(上)(16)
3. android 线程间的通信(5)
4. 《段子》 更新到v1.3 全新UI界面(3)
5. 控制游戏中物体的移动速度(2)

Copyright ©2013 allin.android

关闭提示
关闭

确 认

取 消
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐