`
baobeituping
  • 浏览: 1068349 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

Android开发经验总结——ListView的使用

 
阅读更多

Android中ListView这个组件比较常用,但对初学者来说,又比较难掌握,在此分享一下我的使用经验。
ListView是以列表的形式展示数据,这里面有三个要素:数据、视图、适配器。
常用的适配器有三种:ArrayAdapter, SimpleAdapter, SimpleCursorAdapter。
其中SimpleAdapter扩展性最好,几乎能实现所有展示需求的列表,我在实际开发中用的全是这个,这里也只介绍这个。

假设要实现如下效果的列表视图:

下面一步步来实现。

首先设计视图,主要设计ListView里面item的显示效果,在layout中创建item.xml文件,如下:

Xml代码 复制代码 收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="fill_parent" android:layout_height="75dp"  
  4.     android:paddingLeft="10dp" android:paddingRight="10dp">  
  5.     <ImageView  
  6.         android:id="@+id/img"  
  7.         android:layout_height="fill_parent"  
  8.         android:layout_width="60dp"  
  9.         android:layout_alignParentLeft="true" />  
  10.     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  11.         android:orientation="vertical" android:layout_height="fill_parent"  
  12.         android:layout_width="fill_parent" android:layout_toRightOf="@id/img"  
  13.         android:paddingLeft="8dp">  
  14.         <TextView  
  15.             android:id="@+id/title1"  
  16.             android:layout_width="wrap_content"  
  17.             android:layout_height="wrap_content"  
  18.             android:textColor="#cbcaca"  
  19.             android:textSize="20dp" />  
  20.         <TextView  
  21.             android:id="@+id/title2"  
  22.             android:layout_width="wrap_content"  
  23.             android:layout_height="wrap_content"  
  24.             android:textColor="#cbcaca"  
  25.             android:textSize="14dp" />  
  26.         <TextView  
  27.             android:id="@+id/time"  
  28.             android:layout_width="wrap_content"  
  29.             android:layout_height="wrap_content"  
  30.             android:textColor="#cbcaca"  
  31.             android:textSize="12dp" />  
  32.     </LinearLayout>  
  33.     <CheckBox  
  34.         android:id="@+id/checked"  
  35.         android:layout_height="fill_parent"  
  36.         android:layout_width="wrap_content"  
  37.         android:layout_alignParentRight="true"  
  38.         android:checked="false"  
  39.         android:focusable="false" />  
  40. </RelativeLayout>  
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="75dp"
	android:paddingLeft="10dp" android:paddingRight="10dp">
	<ImageView
		android:id="@+id/img"
		android:layout_height="fill_parent"
		android:layout_width="60dp"
		android:layout_alignParentLeft="true" />
	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
		android:orientation="vertical" android:layout_height="fill_parent"
		android:layout_width="fill_parent" android:layout_toRightOf="@id/img"
		android:paddingLeft="8dp">
		<TextView
			android:id="@+id/title1"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:textColor="#cbcaca"
			android:textSize="20dp" />
		<TextView
			android:id="@+id/title2"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:textColor="#cbcaca"
			android:textSize="14dp" />
		<TextView
			android:id="@+id/time"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:textColor="#cbcaca"
			android:textSize="12dp" />
	</LinearLayout>
	<CheckBox
		android:id="@+id/checked"
		android:layout_height="fill_parent"
		android:layout_width="wrap_content"
		android:layout_alignParentRight="true"
		android:checked="false"
		android:focusable="false" />
</RelativeLayout>

此xml文件定义列表中每个项目的布局,如果想要不同的布局,修改此文件的布局即可。

这个文件中给每个需要在程序中动态赋值的地方都取了id,看到后面的代码时,注意对应关系。

 

然后是适配器和数据,这两个联系比较紧密,就放一起了。

先上代码:

Java代码 复制代码 收藏代码
  1. //获取ListView对象   
  2. ListView mListView = (ListView)findViewById(R.id.listview);   
  3. //下面是数据映射关系,mFrom和mTo按顺序一一对应   
  4. String[] mFrom = new String[]{"img","title1","title2","time"};   
  5. int[] mTo = new int[]{R.id.img,R.id.title1,R.id.title2,R.id.time};   
  6. //获取数据,这里随便加了10条数据,实际开发中可能需要从数据库或网络读取   
  7. List<Map<String,Object>> mList = new ArrayList<Map<String,Object>>();   
  8. Map<String,Object> mMap = null;   
  9. for(int i = 0;i < 10;i++){   
  10.     mMap = new HashMap<String,Object>();   
  11.     mMap.put("img", R.drawable.icon);   
  12.     mMap.put("title1""标题");   
  13.     mMap.put("title2""副标题");   
  14.     mMap.put("time""2011-08-15 09:00");   
  15.     mList.add(mMap);   
  16. }   
  17. //创建适配器   
  18. SimpleAdapter mAdapter = new SimpleAdapter(this,mList,R.layout.item,mFrom,mTo);   
  19. mListView.setAdapter(mAdapter);  
//获取ListView对象
ListView mListView = (ListView)findViewById(R.id.listview);
//下面是数据映射关系,mFrom和mTo按顺序一一对应
String[] mFrom = new String[]{"img","title1","title2","time"};
int[] mTo = new int[]{R.id.img,R.id.title1,R.id.title2,R.id.time};
//获取数据,这里随便加了10条数据,实际开发中可能需要从数据库或网络读取
List<Map<String,Object>> mList = new ArrayList<Map<String,Object>>();
Map<String,Object> mMap = null;
for(int i = 0;i < 10;i++){
	mMap = new HashMap<String,Object>();
	mMap.put("img", R.drawable.icon);
	mMap.put("title1", "标题");
	mMap.put("title2", "副标题");
	mMap.put("time", "2011-08-15 09:00");
	mList.add(mMap);
}
//创建适配器
SimpleAdapter mAdapter = new SimpleAdapter(this,mList,R.layout.item,mFrom,mTo);
mListView.setAdapter(mAdapter);

这里要注意对应关系,Layout中的id,程序中对它的引用,Map中的数据。 

到这里已经实现了上面那张图的效果。但是程序需要一些交互操作,比如单击某一项,长按某一项,怎么办?

看下面:

添加点击事件:

Java代码 复制代码 收藏代码
  1. mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {   
  2.     @Override  
  3.     public void onItemClick(AdapterView<?> parent, View view, int position, long id) {   
  4.         @SuppressWarnings("unchecked")   
  5.         //获取被点击的item所对应的数据   
  6.         HashMap<String,Object> map = (HashMap<String, Object>) parent.getItemAtPosition(position);   
  7.         //下面是你的其他事务逻辑   
  8.     }   
  9. });  
mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
	@Override
	public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
		@SuppressWarnings("unchecked")
		//获取被点击的item所对应的数据
		HashMap<String,Object> map = (HashMap<String, Object>) parent.getItemAtPosition(position);
		//下面是你的其他事务逻辑
	}
});

这里可以通过position获取被点击的item所对应的Map数据,拿到这个数据了,还怕有什么功能实现不了吗?

举个最常见的例子,数据是从数据库里取的,每条数据有唯一的id,点了某一项之后,需要得到这个id进行数据操作,怎么办?很简单,在准备数据的时候,往Map中多添加一条数据,map.put("id",id),在上面的事件处理中,可以通过(Long) map.get("id")来获取id(此处假设id是long类型),取到id之后就可以进行数据库操作了。放心,添加的额外数据不会影响View的显示,因为有对应关系在。

长按事件和这个类似,无非是注册OnItemLongClickListener事件,在此就不列代码了。

还有最后一个问题,界面中每个item后面显示了一个单选框,明显是为批处理留的,该如何实现呢?

仔细想一下,会发现难点在于单选框状态的记录及获取。下面是我的方法:

在定义SimpleAdapter对象的时候,重写它的getView方法。如下:

Java代码 复制代码 收藏代码
  1. mAdapter = new SimpleAdapter(this, pictureList, R.layout.picturelist, mFrom, mTo){   
  2.     @Override     
  3.     public View getView(final int position, View convertView, ViewGroup parent) {   
  4.         View view = super.getView(position, convertView, parent);   
  5.         @SuppressWarnings("unchecked")   
  6.         final HashMap<String,Object> map = (HashMap<String, Object>) this.getItem(position);   
  7.         //获取相应View中的Checkbox对象   
  8.         CheckBox checkBox = (CheckBox)view.findViewById(R.id.checked);   
  9.         checkBox.setChecked((Boolean) map.get("checked"));   
  10.         //添加单击事件,在map中记录状态   
  11.         checkBox.setOnClickListener(new View.OnClickListener() {   
  12.             @Override  
  13.             public void onClick(View view) {   
  14.                 map.put("checked", ((CheckBox)view).isChecked());   
  15.             }   
  16.         });   
  17.         return view;   
  18.     }   
  19. };  
mAdapter = new SimpleAdapter(this, pictureList, R.layout.picturelist, mFrom, mTo){
	@Override  
	public View getView(final int position, View convertView, ViewGroup parent) {
		View view = super.getView(position, convertView, parent);
		@SuppressWarnings("unchecked")
		final HashMap<String,Object> map = (HashMap<String, Object>) this.getItem(position);
		//获取相应View中的Checkbox对象
		CheckBox checkBox = (CheckBox)view.findViewById(R.id.checked);
		checkBox.setChecked((Boolean) map.get("checked"));
		//添加单击事件,在map中记录状态
		checkBox.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View view) {
				map.put("checked", ((CheckBox)view).isChecked());
			}
		});
		return view;
	}
};

在其他地方获取状态并处理:

Java代码 复制代码 收藏代码
  1. //获取列表中的项目总数   
  2. int count = pictureListView.getCount();   
  3. Map<String,Object> map = null;   
  4. boolean isChecked;   
  5. long id;   
  6. for(int i = 0;i < count;i++){   
  7.     map = (Map<String, Object>) pictureListView.getItemAtPosition(i);   
  8.     isChecked = (Boolean) map.get("isChecked");   
  9.     if(isChecked){   
  10.         id = (Long) map.get("id");   
  11.         //被选中的逻辑   
  12.     }   
  13.     else{   
  14.         id = (Long) map.get("id");   
  15.         //未被选中的逻辑   
  16.     }   
  17. }   
  18. //如果操作过程中对列表内容进行了添加或删除,需要调用下面这个方法来更新视图   
  19. mAdapter.notifyDataSetChanged();  
//获取列表中的项目总数
int count = pictureListView.getCount();
Map<String,Object> map = null;
boolean isChecked;
long id;
for(int i = 0;i < count;i++){
	map = (Map<String, Object>) pictureListView.getItemAtPosition(i);
	isChecked = (Boolean) map.get("isChecked");
	if(isChecked){
		id = (Long) map.get("id");
		//被选中的逻辑
	}
	else{
		id = (Long) map.get("id");
		//未被选中的逻辑
	}
}
//如果操作过程中对列表内容进行了添加或删除,需要调用下面这个方法来更新视图
mAdapter.notifyDataSetChanged();

还有一点忘了写了,demo中的图片是drawable里面的图片,如果map中只有图片的地址,如何把它转成drawable对象显示出来呢?我在这里也研究了好久,map中放入drawable对象传过去好像没用,不会显示,怎么办?好在前面有重写SimpleAdapter的getView方法。map中把图片地址放进去,在getView方法里面,把此地址转成drawable对象,然后设置给ImageView,大功告成!代码如下:

Java代码 复制代码 收藏代码
  1. mAdapter = new SimpleAdapter(this, pictureList, R.layout.picturelist, mFrom, mTo){   
  2.     @Override     
  3.     public View getView(final int position, View convertView, ViewGroup parent) {   
  4.         View view = super.getView(position, convertView, parent);   
  5.         @SuppressWarnings("unchecked")   
  6.         final HashMap<String,Object> map = (HashMap<String, Object>) this.getItem(position);   
  7.         ImageView imageView = (ImageView)view.findViewById(R.id.img);   
  8.         FileInputStream fin;   
  9.         try {   
  10.             if(map.get("img") == null){   
  11.                 throw new IOException();   
  12.             }   
  13.             fin = getApplicationContext().openFileInput((String) map.get("img"));   
  14.             imageView.setImageDrawable(Drawable.createFromStream(fin, "src"));   
  15.             fin.close();   
  16.         } catch (FileNotFoundException e) {   
  17.             imageView.setImageResource(R.drawable.default);   
  18.         } catch (IOException e) {   
  19.             imageView.setImageResource(R.drawable.default);   
  20.         }   
  21.         return view;   
  22.     }   
  23. };  
分享到:
评论

相关推荐

    android开发资料大全

    最无私的Android资料(书籍+代码)分享[总结] Android中文帮助教程(非常合适新手入门) android程序编写及调试新手入门 大家一起学Android(Windows篇) android入门与提高必看指南 Android入门逆引手册 Android...

    android_pretty_listview_full

    本文将围绕一个具体的示例——“android_pretty_listview_full”来探讨`ListView`的基本使用方法、自定义布局技巧以及如何处理点击事件等内容。 #### 二、创建ListView的基本步骤 1. **定义ListView布局文件**:在...

    Android开发各种demo集合

    Android文件经典总结——Demo **链接:** &lt;http://www.apkbus.com/android-68463-1-1.html&gt; - **关键技术点:** - **文件读写:** 掌握Android中文件存储方式,包括内部存储和外部存储。 - **数据库操作:** 学习...

    安卓Android源码——可以横向拖动的TabHost.rar

    4. **Fragment**:在现代的Android开发中,通常使用Fragment来代替Activity作为Tab的内容。这样,通过在TabHost中添加Fragment,可以实现更灵活的界面管理和数据管理。 5. **Adapter**:为了动态生成和管理Tab,...

    AndroidListView异步加载图片乱序问题,原因分析及解决方案.docx

    在Android开发过程中,ListView 是一个非常常见的控件,用于展示一系列的数据列表。然而,当涉及到在这个控件中异步加载图片时,开发者往往会遇到一个棘手的问题——图片加载错位或乱序。这一现象不仅困扰着新手...

    安卓Android源码——一个Demo搞定30个控件.zip

    总结来说,这个压缩包提供的Demo是一个全面的Android UI控件学习资源,适合初学者和有一定经验的开发者巩固和提升Android界面开发技能。通过实战演练,你可以更好地理解Android控件的工作原理,并能在实际项目中灵活...

    android官方的demo

    《Android官方Demo详解——深入学习Android开发》 在Android开发领域,官方提供的Demo代码是学习和理解平台功能的重要资源。本文将围绕“Android官方的demo”这一主题,深入解析从Android源码中提取的ApiDemos项目...

    Android应用学生考勤项目源码.rar

    总结来说,"Android应用学生考勤项目源码"是一个集成了数据库操作、用户界面设计、网络编程、权限管理和性能优化等多个Android开发核心知识点的实战案例,对于任何想在Android领域深化理解的人来说,都是一个宝贵的...

    Android应用源码---阿呆提醒器app源码.rar

    《Android应用源码解析——阿呆提醒器app》 在Android开发领域,源码学习是提升技术能力的重要途径。本文将深入探讨“阿呆提醒器”这个应用的源码,这是一个模仿Windows计划任务功能的日常提醒应用。它利用了...

    基于Android仿QQ聊天系统(Android端+服务端)

    本项目——“基于Android仿QQ聊天系统”,旨在模仿QQ这一广泛使用的即时通讯应用,为用户提供注册、登录、添加好友以及聊天等核心功能,同时也包含了后台管理和退出登录的机制。下面将详细阐述这个项目中的关键技术...

    Android NotePad便签-IT计算机-毕业设计.zip

    总结,"Android NotePad便签"源码提供了学习Android应用开发的良好平台。通过深入研究这个项目,学生可以掌握Android开发的基本技能,并为自己的毕业设计提供宝贵的实践经验。无论是对于初学者还是有一定经验的...

    android课程设计汇本.doc

    【Android课程设计——记事本程序】 Android课程设计旨在让学生深入了解和掌握软件工程的基本概念、原理,以及Android应用开发的环境和技术。通过设计并实现一个记事本程序,学生能够将理论知识应用于实践,增强...

    Beginning_Android_4_Application_Development

    无论你是刚刚接触Android开发的新手,还是有一定经验的开发者想要深入学习某个具体领域,这本书都能为你提供宝贵的知识和指导。通过阅读本书,你将能够掌握Android 4应用开发的核心技术和最佳实践,为成为一名优秀的...

    精选_毕业设计_基于Android实现的小型在线订餐APP饿了么_完整源码

    《基于Android实现的小型在线订餐APP饿了么——深入解析...通过学习和研究“food-app”,开发者不仅可以掌握Android开发的基本技巧,还能了解到一个完整应用的生命周期管理和功能实现,为日后的项目开发积累宝贵经验。

    一个简单的生日记录APP

    总结,构建一个简单的生日记录APP是Android开发学习过程中的理想实践项目。通过这个项目,开发者不仅可以巩固Android Studio的使用技巧,还能深入理解SQLite数据库的管理和操作。无论你是初学者还是有经验的开发者,...

    转正技术总结

    ### 转正技术总结——Android项目开发经验分享 #### 一、项目背景与目标 在2012年8月1日加入公司后,作为联通电信事业部的一员,担任Android开发工程师职务。本技术总结旨在回顾试用期内参与的湖北联通项目的开发...

    MusicPlayer.zip

    本篇文章将详细讲解一个基于Java语言开发的Android音乐播放器项目——"MusicPlayer",该项目包含四首音乐,并能够显示音乐名称和歌手信息。 一、基础架构与技术选型 "MusicPlayer.zip"中的项目采用了Java作为主要...

    Android 使用Vitamio打造自己的万能播放器(4)——本地播放(快捷搜索、数据存储)

    在本篇教程中,我们将探讨如何使用Vitamio库在Android平台上构建一款万能播放器,重点关注本地播放、快捷搜索以及数据存储的功能。...这些技术对于任何想要开发Android多媒体应用的开发者来说,都是非常宝贵的经验。

Global site tag (gtag.js) - Google Analytics