ListView用法详解和Adapter的使用

在android开发中ListView是比较常用的组件，它以列表的形式展示具体内容，并且能够根据数据的长度自适应显示。抽空把对ListView的使用做了整理，并写了个小例子，如下图。

列表的显示需要三个元素：

1．ListVeiw 用来展示列表的View。

2．适配器 用来把数据映射到ListView上的中介。

3．数据    具体的将被映射的字符串，图片，或者基本组件。

根据列表的适配器类型，列表分为三种，ArrayAdapter，SimpleAdapter和SimpleCursorAdapter

其中以ArrayAdapter最为简单，只能展示一行字。

SimpleAdapter有最好的扩充性，可以自定义出各种效果。

SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合，可以方面的把数据库的内容以列表的形式展示出来。

public class MyListView extends Activity {     private ListView listView;    //private List<String> data = new ArrayList<String>();    @Override    public void onCreate(Bundle savedInstanceState){        super.onCreate(savedInstanceState);                 listView = new ListView(this);        listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,getData()));        setContentView(listView);    }                   private List<String> getData(){                 List<String> data = new ArrayList<String>();        data.add("测试数据1");        data.add("测试数据2");        data.add("测试数据3");        data.add("测试数据4");                 return data;    }}

上面代码使用了ArrayAdapter(Context context, int textViewResourceId, List<T> objects)来装配数据，要装配这些数据就需要一个连接ListView视图对象和数组数据的适配器来两者的适配工作，ArrayAdapter的构造需要三个参数，依次为this,布局文件（注意这里的布局文件描述的是列表的每一行的布局，android.R.layout.simple_list_item_1是系统定义好的布局文件只显示一行文字，数据源(一个List集合)。同时用setAdapter（）完成适配的最后工作。运行后的现实结构如下图：

SimpleAdapter

simpleAdapter的扩展性最好，可以定义各种各样的布局出来，可以放上ImageView（图片），还可以放上Button（按钮），CheckBox（复选框）等等。下面的代码都直接继承了ListActivity，ListActivity和普通的Activity没有太大的差别，不同就是对显示ListView做了许多优化，方面显示而已。

下面的程序是实现一个带有图片的类表。

首先需要定义好一个用来显示每一个列内容的xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="horizontal" android:layout_width="fill_parent"android:layout_height="fill_parent"><ImageView android:id="@+id/img" android:layout_width="wrap_content"android:layout_height="wrap_content" android:layout_margin="5px"/><LinearLayout android:orientation="vertical"android:layout_width="wrap_content" android:layout_height="wrap_content"><TextView android:id="@+id/title" android:layout_width="wrap_content"android:layout_height="wrap_content" android:textColor="#FFFFFFFF"android:textSize="22px" /><TextView android:id="@+id/info" android:layout_width="wrap_content"android:layout_height="wrap_content" android:textColor="#FFFFFFFF"android:textSize="13px" /></LinearLayout></LinearLayout>

实现代码：

public class MyListView3 extends ListActivity {// private List<String> data = new ArrayList<String>();@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);SimpleAdapter adapter = new SimpleAdapter(this,getData(),R.layout.vlist,new String[]{"title","info","img"},new int[]{R.id.title,R.id.info,R.id.img});setListAdapter(adapter);}private List<Map<String, Object>> getData() {List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();Map<String, Object> map = new HashMap<String, Object>();map.put("title", "G1");map.put("info", "google 1");map.put("img", R.drawable.i1);list.add(map);map = new HashMap<String, Object>();map.put("title", "G2");map.put("info", "google 2");map.put("img", R.drawable.i2);list.add(map);map = new HashMap<String, Object>();map.put("title", "G3");map.put("info", "google 3");map.put("img", R.drawable.i3);list.add(map);return list;}}

使用simpleAdapter的数据用一般都是HashMap构成的List，list的每一节对应ListView的每一行。HashMap的每个键值数据映射到布局文件中对应id的组件上。因为系统没有对应的布局文件可用，我们可以自己定义一个布局vlist.xml。下面做适配，new一个SimpleAdapter参数一次是：this，布局文件（vlist.xml），HashMap的 title 和 info，img。布局文件的组件id，title，info，img。布局文件的各组件分别映射到HashMap的各元素上，完成适配。

运行效果如下图：

listView在开始绘制的时候，系统首先调用getCount（）函数，根据他的返回值得到listView的长度（这也是为什么在开始的第一张图特别的标出列表长度），然后根据这个长度，调用getView（）逐一绘制每一行。如果你的getCount（）返回值是0的话，列表将不显示同样return 1，就只显示一行。

　　系统显示列表时，首先实例化一个适配器（这里将实例化自定义的适配器）。当手动完成适配时，必须手动映射数据，这需要重写getView（）方法。系统在绘制列表的每一行的时候将调用此方法。getView()有三个参数，position表示将显示的是第几行，covertView是从布局文件中inflate来的布局。我们用LayoutInflater的方法将定义好的vlist2.xml文件提取成View实例用来显示。然后将xml文件中的各个组件实例化（简单的findViewById()方法）。这样便可以将数据对应到各个组件上了。

SimpleCursorAdapter(暂略)

**********************************割掉*********************************

自定义Adapter

ArraAdapter是简单的字符串适配器（很丑，因为没办法帅。。。），SimpleAdapter是可以自定义子View布局的，可以有图片（只限于本地图片，如果要用网络加载图片，请参考我之前的一篇Blog），SimpleCursorAdapter主要用于数据库，前两个的数据来源一般都是String[]或者List，后一个的数据来源一般是数据库查询得到的Cursor

自定义用的最多的还是继承自SimpleAdapter，下面说一下具体用法:

首先最重要的是其构造方法——MyAdapter(Context context, List<Map<String, Object>> list)，参数不是固定的，可以根据要用到的数据自己定义，第一个参数是要显示的上下文环境，第二个参数是用来记录各个条目的信息

继承SimpleAdapter，具体要复写的方法有4个：

public int getCount() 

主要是返回ListView中要显示的子View数量，也就是下载任务数，只要返回构造方法中的list的条目就可以了

public Object getItem(int position)

要返回一个子View，即ListView中的一个子条目，当然你也可以自定义返回你想要的信息

public long getItemId(int position)

是根据ListView中的位置返回id

public View getView(int position, View convertView, ViewGroup parent) 

最难理解的也就是第四个方法了，第四个方法主要是返回这个条目的整个信息，它是一个单独的布局文件，当然根据android结构也是一个View类的继承类了，这里还有一个知识点是LayoutInflater类，它的inflate()方法可以根据布局文件获得其View返回值，而最重要的思想是你要从这些条目中获得其子View（关系为ListView中有很多条目，每个条目中又有很多组件，我这里是ListView中多个下载任务是不同的条目，每个下载任务中的名字，进度又是其子View的组件），再得到其子组件之后，就可以根据构造方法中List<Map<String, Object>> list参数传递的值进行对应的赋值或者设置资源了，具体代码如下：

import java.util.List; 2 import java.util.Map; 3  4 import android.content.Context; 5 import android.view.LayoutInflater; 6 import android.view.View; 7 import android.view.ViewGroup; 8 import android.widget.BaseAdapter; 9 import android.widget.LinearLayout;10 import android.widget.ProgressBar;11 import android.widget.TextView;12 13 public class MyAdapter extends BaseAdapter14 {15     private Context context;16     17     private LayoutInflater layoutInflater;18     19     private List<Map<String, Object>> list;20     21     //构造方法，参数list传递的就是这一组数据的信息22     public MyAdapter(Context context, List<Map<String, Object>> list)23     {24         this.context = context;25         26         layoutInflater = LayoutInflater.from(context);27         28         this.list = list;29     }30     31     //得到总的数量32     public int getCount() 33     {34         // TODO Auto-generated method stub35         return this.list!=null? this.list.size(): 0 ;36     }37 38     //根据ListView位置返回View39     public Object getItem(int position)40     {41         // TODO Auto-generated method stub42         return this.list.get(position);43     }44 45     //根据ListView位置得到List中的ID46     public long getItemId(int position) 47     {48         // TODO Auto-generated method stub49         return position;50     }51 52     //根据位置得到View对象53     public View getView(int position, View convertView, ViewGroup parent) 54     {    55         if(convertView == null)56         {    57             convertView = layoutInflater.inflate(R.layout.item, null);//自己定义layout58         }59         60         //得到条目中的子组件61         TextView tv1 = (TextView)convertView.findViewById(R.id.nameTextView);62         ProgressBar pb = (ProgressBar)convertView.findViewById(R.id.sizeProgressBar);63         TextView tv2 = (TextView)convertView.findViewById(R.id.sizeTextView);64         65         //从list对象中为子组件赋值66         tv1.setText(list.get(position).get("name").toString());67         pb.setProgress(Integer.parseInt(list.get(position).get("size").toString()));68         tv2.setText(list.get(position).get("size").toString());69         70         return convertView;71     }72 }

下拉刷新和加载更多

https://github.com/Maxwin-z/XListView-Android