(转)ListView的使用和特性研究

我们讲到如何通过扩展ArrayAdapter来将其里面所装的对象展现在自定义的View里,其中有涉及到展现ListView的效率问题。这边我们在分析下到底ListView是如何创建整个UI,而我们要如何才能写出运行效率高的代码,也顺便了解下如何使用android内置的支持更方便的编写一个ListView。

假设我们要显示一个有1000行数据的ListView,这样的数据量在手机中应该算很庞大了,那ListView会如何处理呢,以让系统运行时占用的空间时间最优化呢?

其实在ListView中有使用懒加载机制以提高显示的效率。在很多系统架构中我们都可以看到懒加载机制,如hibernate的懒加载机制,spring bean也有懒加载,所谓的懒加载应该是在需要时才用到,不需要时能不创建就不创建,尽量减少系统消耗。就以ListView来说:假设ListView总共要显示1000条数据,但是用户一次仅能看到10条左右,那就有其余的990条是看不到的,这时候系统可以不用创建这些View,等用户往下或往上拉动数据再创建新的要显示的View,这就是ListView中的懒加载机制。所以我们在写代码时候要特别注意这点,这边用图形来解释下这个机制。

如上面实际上要显示的条目可能有几十上百条,但是因为手机一个屏幕只能看到4条,所以ListView就创建4个View来显示ListView内部的Item,当用户往下拉动的时候:

当用户往下拉动时,原本装Item1的视图就看不到了,而本来看不到的Item5就显示出来了,系统还是一样只能看到5条item。ListView就将本来装Item1的View拖出来,放到最底端,然后更新里面的数据变成Item5,但是此时系统还是一样只创建了4个View,这样就节省了很多View的创建时间,只需要做替换内容的操作,提高了系统的效率。因此我们可以得出一个结论:假设每个View里面有4个TextView,因为在这个ListView中,系统一屏只能显示4个View,所以总共只需要创建16个TextView,而不管ListView里面有几百条记录,也都是由这16个TextView替换内容来完成显示。但是每次要替换内容都需要查找4个View,为了使系统的效率最大化,我们可以对它进行优化,我们创建一个静态类,保存对每个View中的4个TextView的跟踪,这样就不必每次都查找。具体实现如下(这边修改ListView的使用和特性研究(一))中的例子:

1 class PersonAdapter extends ArrayAdapter<Person>{
2
3 LayoutInflater mLayoutInflater;
4 int resourceId;
5 Context mContext;
6
7 public PersonAdapter(Context context, int resourceId, Person[] objects) {
8
9 super(context, resourceId, objects);
10 //获取LayoutInflater 服务,用来从预定义的xml布局创建view对象.
11   this.resourceId = resourceId;
12 mLayoutInflater = LayoutInflater.from(context);
13
14 }
15
16 @Override
17 public View getView(int position, View convertView, ViewGroup parent) {
18
19 if(convertView == null){
20 //创建新的view视图.
21 convertView = mLayoutInflater.inflate(resourceId, null);
22 }
23
24 ViewHolder holder = (ViewHolder) convertView.getTag();
25 if(holder == null){
26
27 holder = new ViewHolder();
28 //查找每个ViewItem中,各个子View,放进holder中
29 holder.name = (TextView) convertView.findViewById(R.id.person_name);
30 holder.age = (TextView) convertView.findViewById(R.id.person_age);
31 holder.email = (TextView) convertView.findViewById(R.id.person_email);
32 holder.address = (TextView) convertView.findViewById(R.id.person_address);
33 //保存对每个显示的ViewItem中, 各个子View的引用对象
34 convertView.setTag(holder);
35 }
36
37 //获取当前要显示的数据
38 Person person = getItem(position);
39
40 holder.name.setText(person.name);
41 holder.age.setText(String.valueOf(person.age));
42 holder.email.setText(person.email);
43 holder.address.setText(person.address);
44
45 return convertView;
46
47 }
48
49 }
50
51 static class ViewHolder {
52 TextView name;
53 TextView age;
54 TextView email;
55 TextView address;
56 }

上面代码是优化后的结果。在上面代码中我们进行了优化,使ListView没有每次要替换内容都查找内部的View,而是保存引用,总共一屏能显示N条,就查找N次,而不是之前的总显示N条,就查找N次。

下面我们看看如何使用android内置对ListView的支持来更好的辅助我们编写一个ListView。

  • 这边我们通过继承ListActivity来编写一个ListView。所以首先我们先了解下ListActivity这个类。

上图可以看到ListActivity继承了Activity,然后扩展了一些针对ListView操作的方法,如设置选中第几个,点击事件,设置adapter等。实际上ListActivity就是一个内置了一个ListView的Activity,我们在使用它时,可以不用调用setContentView方法就能显示出ListView,那到底这个ListView放在哪里呢?

使用ListActivity,android会帮忙创建一个id是android.R.id.list的ListView,所有的对ListActivity内置的ListView的操作也都是作用在这个id上,同时系统本身还会判断,如果这个ListView里的数据是空的,它会对应的显示一个id是android.R.id.empty的控件,用来指示用户这个ListView的数据为空,所有这些逻辑流程转换都是由系统完成,用户只需要关心显示的内容即可,所以大大方便了用户的开发。下面我们创建一个xml布局,简单介绍下如何使用内置的ListView。

1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout
3 xmlns:android="http://schemas.android.com/apk/res/android"
4 android:orientation="vertical"
5 android:layout_width="fill_parent"
6 android:layout_height="fill_parent">
7
8 <ListView android:drawSelectorOnTop="false"
9 android:id="@android:id/list" android:layout_height="0dip"
10 android:layout_weight="1" android:layout_width="fill_parent"/>
11
12 <TextView android:id="@android:id/empty"
13 android:layout_height="wrap_content"
14 android:layout_width="fill_parent" android:text="没有数据"/>
15
16 </LinearLayout>

上面代码创建了布局文件,其中id是:@android:id/list的控件就是负责显示数据的ListView,@android:id/empty则是当ListView为空时负责显示提示信息的控件。当然这边你可以添加任意你需要显示的东西,如你可能需要一个工具条,几个按钮之类的,尽管添加,ListView只会影响到对应它所在的区域而不会影响其他的控件。

1 package com.android777.listview;
2
3 import android.app.ListActivity;
4 import android.os.Bundle;
5 import android.widget.ArrayAdapter;
6
7 public class ListActivityDemo extends ListActivity {
8
9 final String[] data = new String[]{
10 "第一章","第二章","第三章","第四章","第五章"
11 };
12
13 @Override
14 protected void onCreate(Bundle savedInstanceState) {
15
16 super.onCreate(savedInstanceState);
17
18 setContentView(R.layout.activity_list_demo);
19 ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
20 android.R.layout.simple_list_item_1, data);
21
22 setListAdapter(adapter);
23
24 }
25
26 }

显示的效果如下

如果修改java代码,让其显示空数据时,运行的效果如下:


我们可以通过重写ListActivity里的onListItemClick方法,来便捷的为ListView添加item click事件。

1 @Override
2 protected void onListItemClick(ListView l, View v, int position, long id) {
3
4 Toast.makeText(this, "您点击的是:" + data[position], Toast.LENGTH_LONG)
5 .show();
6
7 }

当用户点击ListView里面的Item时,效果如下:

综上,我们讨论了如何编写ListView中的自定义视图并优化其效率,如何使用ListActivity。在这边大家要熟悉android提供的一些预设的id和layout,如@android:id/list ,android.R.layout.simple_list_item_1等。因为这些布局很常用,利用它们可以减少很多编码工作,而且后面要学习的tabhost也是内置了一些预设置的layout或id来减少代码编写工作,如果不熟悉这些对未来扩展自定义UI将造成一定的难度。

posted @ 2011-04-26 20:23  S.Kei.Cheung  阅读(993)  评论(0编辑  收藏  举报