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

最新推荐文章于 2024-05-05 09:36:01 发布
最新推荐文章于 2024-05-05 09:36:01 发布
阅读量105 收藏
点赞数
分类专栏： Android学习 文章标签： 移动开发 java 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baobeituping/article/details/84150827
版权

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. };  
baobeituping
关注
专栏目录
WTL 操作ListView 示例程序
12-04
WTL 操作List View 示例程序
android种listview使用方法,ListView 使用详解
weixin_39738667的博客
05-26 1695
和您一起终身学习，这里是程序员Android本篇文章主要介绍 Android 开发中的部分知识点，通过阅读本篇文章，您将收获以下内容:一、ListView 简介二、ListView 常用属性三、ListView主要使用方法如下四、使用android:entries 为ListView准备数据五、使用List 为ListView 准备数据六、ListView 添加头，尾，空布局实现七、使用Simpl...
安卓ListView的使用
apple_51426592的博客
10-06 1288
listview是一个以垂直方式在项目中显示视图的列表。是一种不能实现确定视图中的内容的适配器视图（adapter view）。数据和视图的绑定，需要通过继承ListViewAdapter接口的适配器实现。确保当上下滚动的时候，能够动态刷新视图内容。通常我们都会自定义一个继承自BaseAdapter(已继承ListViewAdapter)，ArrayAdapter(继承自BaseAdapter),SimpleAdapter(继承自BaseAdapter)的类，重写getView()方法，实现自己想要的功能。
Android---ListView的使用
qq_43623013的博客
04-07 4849
1、使用步骤 /** * 使用listView的步骤 * 1、创建一个listView布局 * 2、创建bean，里面存放着每个listView item的属性值 * 3、在ListView中通过list存放bean对象 * 4、创建一个Adapter类，并继承BaseAdapter，实现四个方法，并修改返回值（通过list做桥梁） * 5、在ListView中创建Adapter对象，并通过setAdapter将listView和数据进行绑定 * 6、可以通过添加监听事件，为item添加相应监
【Android入门到项目实战--3.4】—— ListView控件的使用
张修宇的博客
03-22 4051
Android入门到项目实战—— ListView控件的使用、简单使用、进一步使用、对代码优化提高效率、ListView控件的点击事件的使用
android开发资料大全
04-07
最无私的Android资料（书籍+代码）分享[总结] Android中文帮助教程（非常合适新手入门） android程序编写及调试新手入门 大家一起学Android(Windows篇) android入门与提高必看指南 Android入门逆引手册 Android...
安卓Android源码——可以横向拖动的TabHost.rar
10-11
4. **Fragment**：在现代的Android开发中，通常使用Fragment来代替Activity作为Tab的内容。这样，通过在TabHost中添加Fragment，可以实现更灵活的界面管理和数据管理。 5. **Adapter**：为了动态生成和管理Tab，...
Android开发各种demo集合
11-21
Android文件经典总结——Demo **链接：** <http://www.apkbus.com/android-68463-1-1.html> - **关键技术点：** - **文件读写:** 掌握Android中文件存储方式，包括内部存储和外部存储。 - **数据库操作:** 学习...
Android 使用Vitamio打造自己的万能播放器（4）——本地播放（快捷搜索、数据存储）
01-20
在本篇教程中，我们将探讨如何使用Vitamio库在Android平台上构建一款万能播放器，重点关注本地播放、快捷搜索以及数据存储的功能。...这些技术对于任何想要开发Android多媒体应用的开发者来说，都是非常宝贵的经验。
安卓学习之路-ListView的简单用法
菜得一批的博客
08-25 2874
开篇唠嗑 本来说早上要学一会儿英语，为了能够读出那些没见过的专业名词，后来发现我的积累简直太少了，实在不知道要学啥，看来得下载一个单词APP了，不怪得我四级低分飘过…害，被高中英语老师知道了怕是会抓着我揍一顿。好吧好吧，还是赶紧学习。 ListView 用处 ListView可以为我们提供一个列表外加纵向滚动的功能，在现实生活中很多时候都会用到，比如使用微信时，在联系人那一栏便是一个类似ListView一样的列表（不知道是不是，反正看起来像），它的使用可以说带给我们很大便利，但是真正想要用起来却没那么简单
Android初学之七：ListView简单用法和ListView的界面定制
My_Yes的博客
05-11 1513
一、ListView简单用法 1、首先在布局文件中加入ListView 2、展示一组String数据，修改MainActivity代码 二、ListView的界面定制 例子：条目样式为有一张图片和一个文本 1、定义一个实体类，作为ListView适配器类型，新建类Fruit ...
Android ListView的使用
m0_45877477的博客
05-28 993
一 ListView的基础使用 1 步骤 step1 activity_main.xml 里面添加ListView 标签 step2 添加一个list_item 页面 里面添加TextView内容 step3 创建一个java bean类 step4 创建MyAdapter 继承 BaseAdapter类,重写方法获取 list_item 页面内容 1 获取list_item.xml页面 convertView = LayoutInflater...
Android listView用法详解
keep studying
10-21 4848
1. 前言 在android开发中ListView是比较常用的组件，它以列表的形式展示具体内容，并且能够根据数据的长度自适应显示。 列表的显示需要三个元素： 1．ListVeiw：用来展示列表的View。 2．适配器：用来把数据映射到ListView上的中介。 3．数据：被映射的字符串，图片，或者基本组件。 2.listView的使用 listVi
【android开发-12】android中ListView的详细用法介绍
jiangchaobing_2017的博客
12-01 1509
android中ListView的详细用法参考代码
android中listview的用法,Android 开发入门-ListView 的用法
weixin_42423817的博客
05-27 261
3.5.1 ListView 的简单用法android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"># 加入一个占满屏幕的 ListViewandroid:id="@+id/list_view"android:layout_width="match_...
ListView的使用（Android学习笔记之第七课）
热门推荐
kerio123的博客
05-02 1万+
ListView的使用 文章目录ListView的使用前言一、ListView常用的属性二、ListView的简单用法三、定制ListView的界面四、提升ListView的运行效率五、LIstView的点击事件 前言 ListView是Android开发中最常用的组件，基本上每一个安卓应用都会使用ListView。在使用ListView的时候一定会使用到Adapter（适配器）。 ListView中常用的适配器有三种，分别是：BaseAdapter、SimpleAdapter、ArrayAdapte
安卓滚动控件(ListView）基本介绍和用法
qq_65337539的博客
08-01 3104
安卓滚动控件(ListView）基本介绍和用法
Android中ListView的使用
最新发布
Code1994的博客
05-05 1175
这个就不是 ListView 来负责的，上面已经说过每一行数据最终是通过 fruit_item.xml 这个布局文件来呈现的，那么现在的问题就是怎么将 ListView 和 fruit_item 进行关联的？当有很多项元素，而且每一项元素的布局都是相同的情况下就可以使用 ListView 组件了， ListView = List + View。getView 方法是在滑动页面的时候来加载数据的，即使前面的数据已经加载了，当将屏幕往上滑动的时候还是会调用这个方法，这个方法会通过。
Android开发：深入解析ListView的使用技巧
在Android开发中，ListView是一个非常重要的组件，常用于显示大量的列表数据，允许用户滚动查看。下面将详细讨论ListView的使用步骤和常见方法。 1. ListView的使用步骤 使用ListView主要包括以下三个步骤： (1...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值