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	用来绑定在XML中定义的控件对应的数据
SimpleCursorAdatpter	用来绑定游标得到的数据(通常是数据库的相关操作)
BaseAdapter	通用的基础适配器

 

 

 

 

A.使用ArrayAdapter<T>

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

例：

布局文件：activity_main.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     xmlns:tools="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     <ListView
13         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     @Override
14     protected void onCreate(Bundle savedInstanceState) {
15         super.onCreate(savedInstanceState);
16         setContentView(R.layout.activity_main);
17 
18         mListView =(ListView)findViewById(R.id.lv);//初始化listview
19         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      @Override
3      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。先看一下运行效果，如图所示。

首先在布局文件中增加一个ListView控件。

 还需要定义一个ListView中每一行的布局，用RelativeLayout来实现一个带两行字和一个图片的布局。

item.xml:

 1 <?xmlversion="1.0"encoding="utf-8"?>
 2 <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android" 
 3 android:layout_height="fill_parent" android:layout_width="fill_parent"> 
 4 
 5     <ImageView
 6         android:layout_alignParentRight="true" 
 7         android:layout_width="wrap_content"
 8         android:layout_height="wrap_content" 
 9         android:id="@+id/ItemImage"/> 
10     <TextView
11         android:id="@+id/ItemTitle" 
12         android:layout_height="wrap_content" 
13         android:layout_width="fill_parent" 
14         android:textSize="20sp"/>
15      <TextView
16         android:id="@+id/ItemText" 
17         android:layout_height="wrap_content" 
18         android:layout_width="fill_parent" 
19         android:layout_below="@+id/ItemTitle"/> 
20 </RelativeLayout>

配置完毕，就可以在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             @Override
26             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.xml

（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     @Override
12     publicint getCount() {
13         return getDate().size();//返回数组的长度        
14     }
15     @Override
16     public Object getItem(int position) {
17         return null;
18     }
19     @Override
20     public long getItemId(int position) {
21         return 0;
22     }
23     /*书中详细解释该方法*/         
24     @Override
25     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                 @Override
47                 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设置为没有焦点。设置非常简单，只需要在xml的Button标签下加入一行：android:focusable=“false”代码就可以了。在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对控件的层层查询，而是快速定位到控件。

总结一下，这节介绍了用BaseAdapter来绑定ListView的数据。因为BaseAdapter非常灵活，使用也相对较其他控件麻烦。同时ListView的优化问题也值得读者去研究，一个流畅的ListView会带来更好的用户体验。

三、ListView总结

使用ListView主要注意以下四点：

1.布局文件：将ListView控件加到layout布局文件中；listView自定义的layout布局文件

2.数据来源：（网络端下载的数据；自定义的数据；数据库读取的数据）-》数据集相关的数组

3.适配器：ArrayAdapter<T>；SimpleAdapter；SimpleCursorAdatpter；BaseAdapter按需调用，建议复杂的itemView布局文件需要通过继承BaseAdapter来扩展

4.性能调优：使用ListView布局文件时，android:layout_height高度属性建议设置为"match_parent"，而非"wrap_content".

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

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

转载于:https://www.cnblogs.com/Daniel-android/p/5882046.html