首页 > 代码库 > 【幻化万千戏红尘】qianfeng-Android-Day08-基础学习:ListView
【幻化万千戏红尘】qianfeng-Android-Day08-基础学习:ListView
ListView
一、ListView介绍:
(一)、 ListView 概念:
ListView是Android中最重要的组件之一,几乎每个Android应用中都会使用ListView。它以垂直列表的方式列出所需的列表项。
java.lang.Object
? android.view.View
? android.view.ViewGroup
? android.widget.AdapterView<T extends android.widget.Adapter>
? android.widget.AbsListView
? android.widget.ListView
【备注:】
java.lang.Object
? android.view.View
? android.view.ViewGroup
? android.widget.AdapterView<T extends android.widget.Adapter>
? android.widget.AbsSpinner
? android.widget.Spinner
(二)、ListView的两个职责:
将数据填充到布局;
处理用户的选择点击等操作。
(三)、列表的显示需要三个元素:
1.ListVeiw:用来展示列表的View;
2.适配器: 用来把数据映射到ListView上的中介;
3.数据源: 具体的将被映射的字符串,图片,或者基本组件。
(四)、什么是适配器?
适配器是一个连接数据和AdapterView的桥梁,通过它能有效地实现数据与AdapterView的分离设置,使AdapterView与数据的绑定更加简便,修改更加方便。将数据源的数据适配到ListView中的常用适配器有:ArrayAdapter、SimpleAdapter。
ArrayAdapter最为简单,只能展示一行字;
SimpleAdapter有最好的扩充性,可以自定义各种各样的布局,除了文本外,还可以放ImageView(图片)、Button(按钮)、CheckBox(复选框)等等;
但是实际工作中,常用自定义适配器。即继承于BaseAdapter的自定义适配器类。
(五)、ListView的常用UI属性:
android:divider
android:dividerHeight
三、创建ListView:
(一)、ArrayAdapter实现单行文本ListView:(无需自定义布局,使用系统提供的布局)
1、使用步骤。
(1)、定义一个数组来存放ListView中item的内容;
(2)、通过实现ArrayAdapter的构造方法创建一个ArrayAdapter对象;
(3)、通过ListView的setAdapter()方法绑定ArrayAdapter。
【备注:】
ArrayAdapter有多个构造方法,最常用三个参数的那种。
第一个参数:上下文对象;
第二个参数:ListView的每一行(也就是item)的布局资源id;
第三个参数:ListView的数据源。
2、使用系统自带布局文件的不同效果:
A、android.R.layout.simple_list_item_1:
B、android.R.layout.simple_list_item_checked
C、android.R.layout.simple_list_item_multiple_choice
D、android.R.layout.simple_list_item_single_choice
3、核心代码:
names = new ArrayList<String>();
for (int i = 0; i < 20; i++) {
names.add("张三:" + i);
}
adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, names);
【特别备注:】ListView的监听器与Spinner的监听器的区别:【重点】
Spinner是:setOnItemSelectedListener
ListView是:setOnItemClickListener
这两个监听器是否可以互换使用呢?
在Spinner中使用OnItemClickListener会异常。java.lang.RuntimeException: setOnItemClickListener cannot be used with a spinner。而如果在ListView中使用OnItemSelectedListener,则没有反应,也就是说该监听器不会被触发执行;
OnItemSelectedListener 监听器的回调方法中,parent.getSelectedItem()和parent.getItemAtPosition(position)都能返回object对象。而OnItemClickListener监听器的回调方法中parent.getSelectedItem()只能返回null。
(二)、 SimpleAdapter 实现多行文本ListView:自定义item布局文件)
1、使用步骤。
(1)、定义一个集合来存放ListView中item的内容;
(2)、定义一个item的布局文件;
(3)、创建一个 SimpleAdapter 对象;
(3)、通过ListView的setAdapter()方法绑定 SimpleAdapter 。
2、核心代码:
(三)、SimpleAdapter实现多行文本且带图片ListView:
1、使用步骤。
(1)、定义一个集合来存放ListView中item的内容;
(2)、定义一个item的布局文件;
(3)、创建一个 SimpleAdapter 对象;
(4)、通过ListView的setAdapter()方法绑定 SimpleAdapter 。
2、核心代码:
public class MainActivity extends Activity {
private List<Map<String, Object>> data;
private int[] images;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initData();
ListView lv = (ListView) findViewById(R.id.lv);
// 第一个参数上下文
// 第二个参数表示数据源
// 第三个参数表示每一个item的布局的资源id
// 第四个参数表示Map中的key
// 第五个参数表示item布局中控件的id,与Map中的key一一对应
SimpleAdapter adapter = new SimpleAdapter(this, data, R.layout.listview_item,
new String[] { "image", "name", "phoneNum" }, new int[] { R.id.iv, R.id.name_tv, R.id.phone_tv });
lv.setAdapter(adapter);
}
private void initData() {
images = new int[] { R.drawable.a0, R.drawable.a1, R.drawable.a2, R.drawable.a3, R.drawable.a4, R.drawable.a5,
R.drawable.a6, R.drawable.a7, R.drawable.a8, R.drawable.a9, R.drawable.a10, R.drawable.a11,
R.drawable.a12, R.drawable.a13, R.drawable.a14, R.drawable.a15, R.drawable.a16, R.drawable.a17,
R.drawable.a18, R.drawable.a19, R.drawable.a20, R.drawable.a21, R.drawable.a22, R.drawable.a23,
R.drawable.a24, R.drawable.a25, R.drawable.a26, R.drawable.a27, R.drawable.a28, R.drawable.a29,
R.drawable.a30, R.drawable.a31, R.drawable.a32, R.drawable.a33, R.drawable.a34, R.drawable.a35,
R.drawable.a36, R.drawable.a37, R.drawable.a38, R.drawable.a39, R.drawable.a40, R.drawable.a41,
R.drawable.a42 };
data = http://www.mamicode.com/new ArrayList
for (int i = 0; i < images.length; i++) {
Map<String, Object> map = new HashMap<String, Object>();
map.put("image", images[i]);
map.put("name", "李四:" + i);
map.put("phoneNum", "1856555----" + i);
data.add(map);
}
}
}
(四)、BaseAdapter自定义适配器实现ListView:
1、使用步骤。
(1)、定义一个集合来存放ListView中item的内容;
(2)、定义一个item的布局文件;
(3)、定义一个 继承了BaseAdapter的子类MyAdapter,重写未实现的方法;(定义ViewHolder,重写getView()方法)
(4)、创建一个内部类:MyAdapter extends BaseAdapter;
实现未实现的方法:getCount() 、getItem()、 getItemId()、 getView();
定义内部类ViewHolder,将item布局文件中的控件都定义成属性;
构建一个布局填充器对象:LayoutInflater.from(context);
调用布局填充器对象的inflate()方法填充item布局文件,将返回的view对象赋值给convertView;
调用convertView对象的findViewById()获取item布局中的控件,将控件对象赋值给ViewHolder中的属性;
给convertView对象设置标签,也就是调用setTag()方法,将ViewHolder对象作为标签贴在convertView对象上;
从根据convertView的标签,从convertView对象上取回ViewHolder对象。
(3)、通过ListView的setAdapter()方法绑定自定义的MyAdapter对象 。
2、核心代码:
(五)、convertView原理:
Adapter的作用就是ListView界面与数据之间的桥梁,当列表里的每一项显示到页面时,都会调用Adapter的getView方法返回一个View。
如果在我们的列表有上千项时会是什么样的?是不是会占用极大的系统资源?
Android中有个叫做Recycler的构件,如果你有100个item,其中只有可见的项目存在内存中,其他的在Recycler中。
ListView先请求一个type1视图(getView),然后请求其他可见的item,convertView在getView中是空(null)的。
当item1滚出屏幕,并且一个新的item从屏幕底端上来时,ListView再请求一个type1视图,convertView此时不是空值了,它的值是item1。你只需设定新的数据,然后返回convertView,不必重新创建一个视图。
四、什么是listview点击的灵异事件?【重要】
(一)、现象描述:
项目中的ListView不仅仅是简单的文字,常常需要自己定义ListView,如果自己定义的Item中存在诸如ImageButton,Button,CheckBox等子控件,此时这些子控件会将焦点获取到,所以当点击item中的子控件时有变化,而item本身的点击没有响应。
解决方案的关键是:android:descendantFocusability
Defines the relationship between the ViewGroup and its descendants when looking for a View to take focus.
当一个view获取焦点时,定义ViewGroup及其子控件之间的关系。
属性的值有三种:
beforeDescendants:viewgroup会优先其子类控件而获取到焦点
afterDescendants:viewgroup只有当其子类控件不需要获取焦点时才获取焦点
blocksDescendants:viewgroup会覆盖子类控件而直接获得焦点
通常我们用到的是第三种,即在Item布局的根布局加上android:descendantFocusability=”blocksDescendants”
的属性(阻塞子控件抢夺焦点,让Item具有焦点。这样ListView的onItemClick就能被正确触发,同时item上的button等控件在被点击时照样可以触发自身的点击事件)就好了,至此ListView点击的灵异事件告一段落。
此外还可以将item中所有抢占焦点的控件上设置android:focusable="false"。
ListView优化技巧
一、上节回顾:
(一)、充分理解convertView的作用:
1、手机程序运行后的效果图:
2、刚运行后的LogCat记录:
3、屏幕滑动后的效果截图:
4、屏幕滑动后的LogCat记录:
【说明:】手机屏幕中一次展示10条数据,所以第一次加载时,新建了10个ViewHolder对象。这10个对象的id从截图中可以看到:@411e8a18、@413ab880等等。
当屏幕滑动,有些item滑出屏幕,又有新的item从底端进入屏幕。可以看到新item进入屏幕时只有一个是新建ViewHolder,其他的都是重复使用convertView。
二、ListView优化中的细节问题:
1、android:layout_height属性:
必须将ListView的布局高度属性设置为非“wrap_content”(可以是“match_parent / fill_parent / 400dp等绝对数值”),如果ListView的布局高度为“wrap_content”,那么getView()就会重复调用。一般来说,一个item会被调用三次左右。
2、ViewHolder:
利用ViewHolder内部类,将item布局文件中需要展示的控件定义为属性(其实ViewHolder就是一个自定义的模型类)。这样就把item中散在的多个控件合成一个整体,这样可以有效地避免图片错位。
3、convertView:
ListView的加载是一个item一个item的加载,这样就会每次都inflate一个item布局,然后findViewById一遍该布局上的所有控件。当数据量大的时候,是不可想象的。而利用Recycle回收利用就可以解决问题。所以要善于重复利用convertView,这样可以减少填充布局的过程,减少ViewHolder对象实例化的次数。减少内存开销,提高性能。
4、convertView的setTag():
利用setTag()方法将ViewHolder对象作为标签附加到convertView上,当convertView被重复利用的时候,因为上面有ViewHolder对象,所以convertView就具有了ViewHolder中的几个属性,这样就节省了findViewById()这个过程。如果一个item有三个控件,如果有100条item,那么在加载数据过程中,就就相当于节省了几百次findViewById(),节约了执行findViewById()的时间,提升了加载速度,节省了性能的开销。
5、LayoutInflater对象的inflate()方法:
inflate()方法一般接收两个参数,第一个参数就是要加载的布局id,第二个参数是指给该布局的外部再嵌套一层父布局,如果不需要就直接传null。
inflate()方法还有个接收三个参数的方法重载
1. 如果root为null,attachToRoot将失去作用,设置任何值都没有意义。2. 如果root不为null,attachToRoot设为true,则会在加载的布局文件的最外层再嵌套一层root布局。3. 如果root不为null,attachToRoot设为false,则root参数失去作用。4. 在不设置attachToRoot参数的情况下,如果root不为null,attachToRoot参数默认为true。
所以在使用LayoutInflater填充布局的时候,要注意inflate()方法的参数。如果是两个参数,则第二个参数可以采用null;如果使用三个参数的方法,则要注意参数之间的搭配。
6、监听屏幕的滚动状态的变动情况:
ListView对象有OnScrollListener监听器。其回调方法onScrollStateChanged(AbsListView view, int scrollState)的第二个参数就是屏幕滚动状态。
scrollState = SCROLL_STATE_TOUCH_SCROLL(1):表示正在滚动。当屏幕滚动且用户使用的触碰或手指还在屏幕上时为1
scrollState =SCROLL_STATE_FLING(2) :表示手指做了抛的动作(手指离开屏幕前,用力滑了一下,屏幕产生惯性滑动)。
scrollState =SCROLL_STATE_IDLE(0) :表示屏幕已停止。屏幕停止滚动时为0。
在以上三种屏幕滚动状态中,如果还处于SCROLL_STATE_FLING状态,则说明屏幕还处于惯性滑动状态,此时可以不进行异步加载图片。这样可以节省不必要的性能开销。
【幻化万千戏红尘】qianfeng-Android-Day08-基础学习:ListView