你的位置:首页 > 操作系统

[操作系统]ListView初探


一、ListView介绍

在Android开发中ListView是比较常用的控件,常用于以列表的形式显示数据集及根据数据的长度自适应显示。

ListView通常有两个主要功能点:

(1)将数据集填充到布局中,显示给用户

要实现该功能需要如下三个元素:

  • 显示每一行数据的View(可以理解为layout布局文件)
  • 填入View的数据集(可以理解为数据集的数组)
  • 连接数据集与ListView的Adapter(可以理解为适配的adapter)

总结为:要使用ListView,首先要了解什么是适配器。适配器是一个连接数据和AdapterView的桥梁,通过它能有效地实现数据与AdapterView的分离设置,使AdapterView与数据的绑定更加简便,修改更加方便

(2)处理用户点击的item事件

mListView.setOnItemClickListener(new OnItemClickListener() {...});

二、ListView使用

Android中提供了很多的Adapter,下表列出了常用的几个。
 
Adapter种类含义
ArrayAdapter<T>用来绑定一个数组,支持泛型操作
SimpleAdapter用来绑定在
SimpleCursorAdatpter用来绑定游标得到的数据(通常是数据库的相关操作)
BaseAdapter通用的基础适配器

 

 

 

 

A.使用ArrayAdapter<T>

用ArrayAdapter可以实现简单的ListView的数据绑定,默认情况下,ArrrayAdapter绑定每个对象的String值到layout中预先定义的textview控件上

例:

布局文件:activity_main.

 1 <??> 2 <RelativeLayout ="http://schemas.android.com/apk/res/android" 3   ="http://schemas.android.com/tools" 4   android:layout_width="match_parent" 5   android:layout_height="match_parent" 6   android:paddingBottom="@dimen/activity_vertical_margin" 7   android:paddingLeft="@dimen/activity_horizontal_margin" 8   android:paddingRight="@dimen/activity_horizontal_margin" 9   android:paddingTop="@dimen/activity_vertical_margin"10   tools:context="com.example.ubuntu.listviewtest.MainActivity">11 12   <ListView13     android:id="@+id/lv"14     android:layout_width="match_parent"15     android:layout_height="wrap_content"16     />17 </RelativeLayout>

MainActivity.java的初始化

 1 package com.example.ubuntu.listviewtest; 2  3 import android.support.v7.app.AppCompatActivity; 4 import android.os.Bundle; 5 import android.widget.ArrayAdapter; 6 import android.widget.ListView; 7  8 public class MainActivity extends AppCompatActivity { 9 10   public ListView mListView;//定义listView对象11   public String[] strs = {"one","two","three","four","five"};//生成数据集12 13   @Override14   protected void onCreate(Bundle savedInstanceState) {15     super.onCreate(savedInstanceState);16     setContentView(R.layout.activity_main);17 18     mListView =(ListView)findViewById(R.id.lv);//初始化listview19     mListView.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,strs));//适配数据20   }21 }

View Code

效果如下图所示:

总结一下使用步骤:

(1)定义一个数组来存放ListView中item的内容。(原始数据)
(2)通过实现ArrayAdapter的构造函数来创建一个ArrayAdapter的对象。(new ArrayAdapter())
(3)通过ListView的setAdapter()方法绑定ArrayAdapter。

其中第二步有必要说一下的是,ArrayAdapter有多个构造函数,例子中实现的是最常用的一种。第一个参数为上下文,第二个参数为一个包含TextView的layout,用来填充ListView的每一行的布局资源ID。第三个参数为ListView的内容。其中第二个参数可以自定义一个layout,但是这个layout必须要有TextView控件。通常我们使用Android提供的资源,除了例子中所用的,常用的还有如下几种,可实现带RadioButton和CheckBox的ListView。
 
(1)通过指定android.R.layout.simple_list_item_checked这个资源,实现带选择框的ListView。需要用setChoiceMode()方法设定选择为多选还是单选,否则将不能实现选择效果,运行效果如下图所示。
1 lv.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_checked, strs));2 lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);





(2)通过指定android.R.layout.simple_list_item_multiple_choice这个资源实现带CheckBox的ListView。同样的,需要用setChoiceMode()方法来设置单选或者多选,运行效果如图所示。
实现代码如下:

1 lv.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_multiple_choice, strs));2 lv.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);




(3)通过指定android.R.layout.simple_list_item_single_choice这个资源实现带RadioButton的ListView。这里要注意的是,这里并不是指定了单选。是多选还是单选要通过setChoiceMode()方法来指定,运行效果如图所示。
实现代码如下:

1 lv.setAdapter(newArrayAdapter<String>(this,android.R.layout.simple_list_item_single_choice,strs));2 lv.setChoiceMode(ListView.CHOICE_MODE_SINGLE);



 在前面讲到过,ListView的职责除了填充数据外,还要处理用户的操作。通过如下的代码就可以为ListView绑定一个点击监听器,点击后在标题栏显示点击的行数。
1 lv.setOnItemClickListener(new OnItemClickListener() {2    @Override3   publicvoid onItemClick(AdapterView<?> parent, View view, int position, long id) {4      //点击后在标题上显示点击了第几行          5      setTitle("你点击了第"+arg2+"行");6    }7 });

B.使用SimpleAdapter

        很多时候需要在列表中展示一些除了文字以外的东西,比如图片等。这时候可以使用SimpleAdapter。SimpleAdapter的使用也非常简单,同时它的功能也非常强大。可以通过它自定义ListView中的item的内容,比如图片、多选框等。看一个例子,实现一个每一行都有一个ImageView和TextView的ListView。先看一下运行效果,如图所示。

配置完毕,就可以在Java代码中为ListView绑定数据。

 1 public class MyListViewSimple extends Activity { 2   private ListView lv; 3   /** Called when the activity is first created. */ @Override 4   public void onCreate(Bundle savedInstanceState) { 5     super.onCreate(savedInstanceState); 6     setContentView(R.layout.main); 7     lv = (ListView) findViewById(R.id.lv);/*定义一个动态数组*/      8     ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String,Object>>();/*在数组中存放数据*/ 9     for(int i=0;i<10;i++){ 10       HashMap<String, Object> map = new HashMap<String, Object>(); 11       map.put("ItemImage", R.drawable.icon);//加入图片      12       map.put("ItemTitle", "第"+i+"行"); 13       map.put("ItemText", "这是第"+i+"行"); 14       listItem.add(map); 15     } 16     SimpleAdapter mSimpleAdapter = new SimpleAdapter(this,listItem,17     //需要绑定的数据       18     R.layout.item,19     //每一行的布局//动态数组中的数据源的键对应到定义布局的View中20     new String[] {"ItemImage","ItemTitle", "ItemText"},21     new int[] {R.id.ItemImage,R.id.ItemTitle,R.id.ItemText});22     lv.setAdapter(mSimpleAdapter);//为ListView绑定适配器 23     lv.setOnItemClickListener(new 24       OnItemClickListener() {25       @Override26       publicvoid onItemClick(AdapterView<?> arg0, View arg1, int arg2,27           long arg3) {28         setTitle("你点击了第"+arg2+"行");//设置标题栏显示点击的行        29       }30     });31   }32 }

View Code
使用simpleAdapter的数据一般都是用HashMap构成的列表,列表的每一节对应ListView的每一行。通过SimpleAdapter的构造函数,将HashMap的每个键的数据映射到布局文件中对应控件上。这个布局文件一般根据自己的需要来自己定义。梳理一下使用SimpleAdapter的步骤。
(1)根据需要定义ListView每行所实现的布局。
item.
(2)定义一个HashMap构成的列表,将数据以键值对的方式存放在里面
ArrayList<HashMap<String,Object>> listItem = new ArrayList<HashMap<String, Object>>();
(3)构造SimpleAdapter对象
SimpleAdapter mSimpleAdapter = new SimpleAdapter
(4)将LsitView绑定到SimpleAdapter上。


lv.setAdapter(mSimpleAdapter);





C.使用BaseAdapter

   在ListView的使用中,有时候还需要在里面加入按钮等控件,实现单独的操作。也就是说,这个ListView不再只是展示数据,也不仅仅是这一行要来处理用户的操作,而是里面的控件要获得用户的焦点。读者可以试试用SimpleAdapter添加一个按钮到ListView的条目中,会发现可以添加,但是却无法获得焦点,点击操作被ListView的Item所覆盖。这时候最方便的方法就是使用灵活的适配器BaseAdapter了。
 
  使用BaseAdapter必须写一个类继承它,由于BaseAdapter是一个抽象类,继承它必须实现它的方法。BaseAdapter的灵活性就在于它要重写很多方法,看一下有哪些方法,如下图所示

为继承自BaseAdapter的SpeechListAdapter所实现的方法,其中最重要的即为getView()方法。这些方法都有什么作用呢?我们通过分析ListView的原理来解答。
 
当系统开始绘制ListView的时候,首先调用getCount()方法。得到它的返回值,即ListView的长度。然后系统调用getView()方法,根据这个长度逐一绘制ListView的每一行。也就是说,如果让getCount()返回1,那么只显示一行。而getItem()和getItemId()则在需要处理和取得Adapter中的数据时调用。那么getView如何使用呢?如果有10000行数据,就绘制10000次?这肯定会极大的消耗资源,导致ListView滑动非常的慢,那应该怎么做呢?通过一个例子来讲解如何在使用BaseAdapter的时候优化ListView的显示。例子中将上一节中的ImageView换成Button,并且处理Button的点击事件,其中对ListView的显示做了优化。
 1 /*    2 * 新建一个类继承BaseAdapter,实现视图与数据的绑定 3 */  4 private class MyAdapter extends BaseAdapter { 5   private LayoutInflater mInflater;//得到一个LayoutInfalter对象用来导入布局  6  7   /*构造函数*/  8   public MyAdapter(Context context) { 9     this.mInflater = LayoutInflater.from(context);10   }11   @Override12   publicint getCount() {13     return getDate().size();//返回数组的长度    14   }15   @Override16   public Object getItem(int position) {17     return null;18   }19   @Override20   public long getItemId(int position) {21     return 0;22   }23   /*书中详细解释该方法*/     24   @Override25   public View getView(finalint position, View convertView, ViewGroup parent) {26     ViewHolder holder;27     //观察convertView随ListView滚动情况       28     Log.v("MyListViewBase", "getView " + position + " " + convertView);29     if (convertView == null) {30       convertView = mInflater.inflate(R.layout.item,null);31       holder = new ViewHolder();32       /*得到各个控件的对象*/          33       holder.title = (TextView) convertView.findViewById(R.id.ItemTitle);34       holder.text = (TextView) convertView.findViewById(R.id.ItemText);35       holder.bt = (Button) convertView.findViewById(R.id.ItemButton);36       convertView.setTag(holder);//绑定ViewHolder对象          37     }38     else{39       holder = (ViewHolder)convertView.getTag();//取出ViewHolder对象         40       /*设置TextView显示的内容,即我们存放在动态数组中的数据*/       41       holder.title.setText(getDate().get(position).get("ItemTitle").toString());42       holder.text.setText(getDate().get(position).get("ItemText").toString());43      }44     /*为Button添加点击事件*/       45     holder.bt.setOnClickListener(new OnClickListener() {46         @Override47         publicvoid onClick(View v) {48         Log.v("MyListViewBase", "你点击了按钮" + position);//打印Button的点击信息       49         }50       });51       return convertView;52     }53   54   }55   /*存放控件*/ 56   public final class ViewHolder{57     public TextView title;58     public TextView text;59     public Button  bt;60   }61 }

View Code

运行效果如图所示。还需要注意的是,Button会抢夺ListView的焦点,需要将Button设置为没有焦点。设置非常简单,只需要在。在LogCat观察点击后输出的信息,如下图所示。

代码中getView()方法不容易理解。其实完全可以不用所谓的convertView和ViewHolder,直接导入布局并且设置控件显示的内容就可以了。但是这意味着有多少行数据就需要绘制多少行ListView,这显然是不可取的。这里采用了一种优化的方法。代码中,在getView()方法中加入了一行log输出convertView的内容。滚动ListView,输出信息如图4-38所示。
 
从图中可以看出,当启动Activity呈现第一屏ListView的时候,convertView为NULL。当用户向下滚动ListView时,上面的条目变为不可见,下面出现新的条目。这时候convertView不再为空,而是创建了一系列的convertView的值。当又往下滚一屏的时候,发现第11行的容器用来容纳第22行,第12行的容器用来容纳第23行。也就是说convertView相当于一个缓存,开始为0,当有条目变为不可见,它缓存了它的数据,后面再出来的条目只需要更新数据就可以了,这样大大节省了系统资料的开销。还可以继续优化。虽然重复利用了已经绘制的view,但是要得到其中的控件,需要在控件的容器中通过findViewById的方法来获得。如果这个容器非常复杂,这显然会增加系统资源的开销。在上面的例子中,引入了Tag的概念。或许不是最好的办法,但是它确实能使ListView变得更流畅。代码中,当convertView为空时,用setTag()方法为每个View绑定一个存放控件的ViewHolder对象。当convertView不为空,重复利用已经创建的view的时候,使用getTag()方法获取绑定的ViewHolder对象,这样就避免了findViewById对控件的层层查询,而是快速定位到控件。

若设置为wrap_content时,每次绘制ListView都会重新measure整个listview的高度,导致bindview函数重复调用。

若数据集较大的时候,则整个listview的显示则会卡顿,用户体验不好。后续会专门一篇博客性能调优来说明这点。