UI组件之AdapterView及其子类（一）三种Adapter适配器填充ListView

AdapterView的内容一般是包含多项相同格式资源的列表，常用的有5种AdapterView的子类：

（1）ListView：简单的列表
（2）Spinner：下拉列表，给用户提供选择
（3）Gallery：缩略图，已经被水平的ScrollView和ViewPicker取代，但也还算常用，是一个可以把子项以中心锁定，水平滚动的列表
（4）GridView：网格图，以表格形式显示资源，可以左右滑动的

这里先介绍最简单的显示列表视图ListView。

列表的显示需要三个元素：
1．ListVeiw （或另外三个）：用来展示列表的View。
2．Adapter适配器 ：用来把数据映射到ListView上的中介，列表项的数据由Adapter提供
3．数据 ：具体的将被映射的字符串，图片，或者基本组件。
根据列表的适配器类型，列表分为4种：

（1）ArrayAdapter：它只能处理列表项内容全是文本的情况。
◆数据源：数组或者List<String>对象或者其他
（2）SimpleAdapter： 它不仅可以处理列表项全是文本的情况，当列表项中还有其他控件时，同样可以处理，每个列表项可以定制更复杂的布局，组件等
◆数据源：只能为List<Map<“键”，“值”>>形式的数据
（3）自定义Adapter：继承BaseAdapter，根据xml文件中定义的样式惊醒列表项的填充，适用性最强。

（4）SimpleCursorAdapter：专门用于把游标Cursor（数据库查询集）中的数据映像到列表中（我们以后再来研究），用在SQLite数据库较多

LisView组件常用的Xml属性：

android:divider:设置List列表项的分隔条，即可用颜色区分，也可用Drawable对象分隔

android:dividerHeight:设置分隔条高度

android:entries:指定一个数组资源，Android将根据该数据资源来生成ListView

一，使用android:entries属性为LisView指定数组

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/root"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <ListView        android:id="@+id/listView1"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:divider="#f00"        android:dividerHeight="2dp"        android:entries="@array/books"        android:headerDividersEnabled="false" >    </ListView></LinearLayout>

arrays.xml

<?xml version="1.0" encoding="utf-8"?><resources>    <string-array name="books">        <item>北京</item>        <item>上海</item>        <item>广州</item>        <item>深圳</item>            </string-array>    </resources>

上面一个ListView指定一个  android:entries="@array/books"，使用了下面的数组资源

使用数组创建LisView十分简单，但这种LisView能定制的内容很少，甚至连每个列表项的字号，颜色都不能改变

二，使用ArrayAdapter创建LisView

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

ArrayAdapter的三个参数
* Context：代表访问整个Android应用的接口。几乎创建所有的组件都需要传入Context对象
* textViewResourcedId:一个资源Id，该Id代表一个TextView，该TextView组件将作为AarryAdapter的列表组件,这里的布局文件是指每个列表项的布局文件，可以自己定制，也可以使用android提供的布局文件
* 数组或List：负责为多个列表框提供数据

main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/root"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"><!-- 使用红线分隔 -->    <ListView        android:id="@+id/listView1"        android:layout_width="fill_parent"        android:layout_height="335dp"        android:divider="#f00"        android:dividerHeight="2dp"        android:headerDividersEnabled="false" >    </ListView> <!-- 使用绿线分隔 -->       <ListView        android:id="@+id/listView2"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:divider="#0f0"        android:dividerHeight="2dp"        android:headerDividersEnabled="false" >    </ListView></LinearLayout>

</pre><p></p><pre>

array_item.xml 可以定制TextView的字体颜色了

<?xml version="1.0" encoding="utf-8"?>    <TextView xmlns:android="http://schemas.android.com/apk/res/android"        android:id="@+id/textView1"        android:layout_width="match_parent"        android:layout_height="wrap_content"             android:shadowColor="#f0f"        android:shadowDx="4"        android:shadowDy="4"        android:shadowRadius="2"        android:textSize="20dp" />

checked_item.xml

<?xml version="1.0" encoding="utf-8"?><CheckedTextViewxmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/TextView"android:layout_width="match_parent"android:layout_height="wrap_content"android:textSize="20dp"android:checkMark="@drawable/ok"android:shadowColor="#f0f"android:shadowDx="4"android:shadowDy="4"android:shadowRadius="2"/>

MainActivity.java

public class MainActivity extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        ListView list1=(ListView) findViewById(R.id.listView1);        ListView list2=(ListView) findViewById(R.id.listView2);                String[] str1={"唐僧","孙悟空","猪八戒","沙和尚"};        //用数组包装ArrayAdapter        /*ArrayAdapter的三个参数         * Context：代表访问整个Android应用的接口。几乎创建所有的组件都需要传入Context对象         * textViewResourcedId:一个资源Id，该Id代表一个TextView，该TextView组件将作为AarryAdapter的列表组件         *          * 数组或List：负责为多个列表框提供数据*/        ArrayAdapter<String> ad1=new ArrayAdapter<String>(this,R.layout.array_item,str1);        //为ListView设置adapter        list1.setAdapter(ad1);                String[] str2={"湖北省","湖南省","江苏省","浙江省"};        //用数组包装ArrayAdapter        ArrayAdapter<String> ad2=new ArrayAdapter<String>(this,R.layout.checked_item,str2);      //为ListView设置adapter        list2.setAdapter(ad2);            }

ArrayAdapter(Context context, int textViewResourceId, List<T> objects)来装配数据，要装配这些数据就需要一个连接ListView视图对象和数组数据的适配器来两者的适配工作，同时用setAdapter（）完成适配的最后工作

三，使用SimpleAdapter创建ListView

simpleAdapter的扩展性最好，每个列表项可以定义各种各样的布局出来，可以放上ImageView（图片），还可以放上Button（按钮），CheckBox（复选框）等等。
simpleAdapter的数据源：只能为List<Map<“键”，“值”>>形式的数据

SimpleAdapter对象，需要5个参数，后面4个是关键
         * 第2个参数：是一个List<Map<? extends Map<string,？>>的集合对象，集合中的每个 Map<string,？>对象是一个列表项
         * 第3个参数：该参数指定一个列表项布局界面的ID。
         * 第4个参数：一个String[]类型的参数，决定提取Map对象中的那些key值对应的value类生成类表项 就是：需要显示value的key值
         * 第5个参数：int[]类型的参数，决定填充哪些 组件，就是使用显示值得组件Id
         * 注意：第4，5个参数的数组需要一一对应才行

使用SimpleAdapter提供列表项

main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <!-- 定义一个ListView -->    <ListView        android:id="@+id/listView1"        android:layout_width="fill_parent"        android:layout_height="255dp" >    </ListView>    <TextView        android:id="@+id/textView1"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_weight="0.00"        android:textColor="#f0f"        android:textSize="20dp" />        <TextView        android:id="@+id/textView2"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:layout_weight="0.00"        android:textColor="#f00"        android:textSize="20dp" /></LinearLayout>

simple_item.xml,这是每个列表项的布局文件，左显示一张图片，右边是上下分布的两个文本框描述，这样就更加复杂了ListView的列表项

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="horizontal" ><!--定义一个ImageView，，作为列表项的一部分，id与java代码中相同-->      <ImageView        android:id="@+id/header"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/tiger" />    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="match_parent"        android:orientation="vertical" ><!--定义一个TextView，，作为列表项的一部分-->         <TextView            android:id="@+id/name"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:paddingLeft="10dp"            android:textColor="#f0f"            android:textSize="18dp" /><!--定义一个TextView，，作为列表项的一部分-->         <TextView            android:id="@+id/desc"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:paddingLeft="10dp"                      android:textSize="14dp" />    </LinearLayout></LinearLayout>

MainActivity.java

public class MainActivity extends Activity { private String[] names=new String[]{         "虎头","弄玉","李清照","李白"       };      private String[] descs=new String[]{          "可爱的老虎","一个擅长音乐的女孩","一个擅长文学的女性","浪漫主义诗人"      };       private int[] imagesIds=new int[]{       R.drawable.tiger,R.drawable.nongyu,R.drawable.qingzhao,R.drawable.libai        };    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);                final TextView show=(TextView) findViewById(R.id.textView1);        final TextView show2=(TextView) findViewById(R.id.textView2);        //创建一个List集合。List集合的元素是Map        List<Map<String,Object>> listItems=new ArrayList<Map<String,Object>>();        //第一步：创建List集合        //for循环，为list赋值        for(int i=0;i<names.length;i++){        Map<String,Object> item=new HashMap<String,Object>();        item.put("header", imagesIds[i]);        item.put("personName", names[i]);        item.put("desc", descs[i]);        //把列表项放入到list中        listItems.add(item);              }        //第二步：设置SimpleAdapter的参数        /*SimpleAdapter对象，需要5个参数，后面4个是关键         * 第2个参数：是一个List<Map<? extends Map<string,？>>的集合对象，集合中的每个 Map<string,？>对象是一个列表项         * 第3个参数：该参数指定一个列表项布局界面的ID         * 第4个参数：一个String[]类型的参数，决定提取Map对象中的那些key值对应的value类生成类表项         * 就是：需要显示值         * 第5个参数：int[]类型的参数，决定填充哪些 组件，就是使用显示值得组件Id         * 注意：第4，5个参数的数组需要一一对应才行         */        SimpleAdapter sd=new SimpleAdapter(this,listItems,R.layout.simple_item,new String[]{"personName","header","desc"},new int[]{R.id.name,R.id.header,R.id.desc});        //为ListView设置Adapter        ListView list=(ListView) findViewById(R.id.listView1);        list.setAdapter(sd);//第三步，添加adapter                //为列表项设置单击事件        list.setOnItemClickListener(new OnItemClickListener(){           //第position项被单击时触发该方法        @Overridepublic void onItemClick(AdapterView<?> parent, View view,int position, long id) {// TODO Auto-generated method stubshow.setText(names[position]+"是"+descs[position]);}                });           }

当需要监听用户单击，选中某个列表项时间，可以通过adapterview的
setOnItemClickListener方法

  //为列表项设置单击事件        listview.setOnItemClickListener(new OnItemClickListener(){           //第position项被单击时触发该方法        @Overridepublic void onItemClick(AdapterView<?> parent, View view,int position, long id) {// TODO Auto-generated method stub//添加操作}                });

使用SimpleAdapter分三步：
1，创建List<Map<String,Object>>集合

2，设置SimpleAdapter参数

3，为ListView添加simpleadpater

四，扩展BaseAdapter创建ListView

扩展BaseAdapter：

（1）创建类，继承自BaseAdapter
（2）重写其中的四个方法
①int　getCount()：返回的是数据源对象的个数，即列表项数
②Object　getItem(int position)：返回指定位置position上的列表
③long　getItemId(int position)：返回指定位置处的行ＩＤ
④View getView()：返回列表项对应的视图，方法体中
◆实例化视图填充器
◆用视图填充器，根据Xml文件，实例化视图
◆根据布局找到控件，并设置属性
◆返回View视图

main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <ListView        android:id="@+id/listView1"        android:layout_width="match_parent"        android:layout_height="wrap_content" >    </ListView></LinearLayout>

MainActivity.java

package com.hust.baseadaptertest;import android.app.Activity;import android.graphics.Color;import android.os.Bundle;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.ListView;import android.widget.TextView;public class MainActivity extends Activity {ListView mylistview;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mylistview=(ListView)findViewById(R.id.listView1);        //自定义baseadapter：程序要创建多少个列表项，每个列表项的组件都有开发者来决定        BaseAdapter  ba=new BaseAdapter(){            //自动重写这4个函数@Overridepublic int getCount() {// TODO Auto-generated method stubreturn 20;//指定一共包含20个选项}           //返回值决定第position处的列表项内容@Overridepublic Object getItem(int position) {// TODO Auto-generated method stubreturn null;}            //重写该方法，该方法的返回值将作为列表项的ID@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn position;}            //重写该方法，该方法返回的View将作为列表框，决定第position处的列表项组件对象/* * Get a View that displays the data at the specified position in the data set.  * You can either create a View manually or inflate it from an XML layout file.  * When the View is inflated, the parent View (GridView, ListView...) will apply default layout parameters  * unless you use android.view.LayoutInflater.inflate(int, android.view.ViewGroup, boolean)  * to specify a root view and to prevent attachment to the root.            */@Overridepublic View getView(int position, View convertView, ViewGroup parent) {// TODO Auto-generated method stub/* * 手动创建列表项的布局文件 * *///创建以个LinearLayout，并向其中添加两个组件LinearLayout line=new LinearLayout(MainActivity.this);line.setOrientation(0);//一个ImageView组件ImageView image=new ImageView(MainActivity.this);image.setImageResource(R.drawable.ic_launcher);//一个TextView组件TextView text=new TextView(MainActivity.this);text.setText("第"+(position+1)+"个列表项");text.setTextSize(20);text.setTextColor(Color.RED);//两个组件添加到布局组件中line.addView(image);line.addView(text);//返回布局组件return line;}                };        //设置adapter        mylistview.setAdapter(ba);    }    @Override    public boolean onCreateOptionsMenu(Menu menu) {        // Inflate the menu; this adds items to the action bar if it is present.        getMenuInflater().inflate(R.menu.main, menu);        return true;    }    @Override    public boolean onOptionsItemSelected(MenuItem item) {        // Handle action bar item clicks here. The action bar will        // automatically handle clicks on the Home/Up button, so long        // as you specify a parent activity in AndroidManifest.xml.        int id = item.getItemId();        if (id == R.id.action_settings) {            return true;        }        return super.onOptionsItemSelected(item);    }}

总结一下：

1：声明AdapterView对象子类（ListView，Spinner，Gallary，GridView），根据ID利用findViewById方法找到此对象
2：声明Adapter对象，根据构造方法实例化此对象。具体如下：
（1）ArrayAdapter<数据类型> adapter = new ArrayAdapter<数据类型>（context：一般指当前Activity对象，layout：每个列表项显示的布局，data：数据源变量）；
（2）SimpleAdapter adapter = new SimpleAdapter（context：一般指当前Activity对象，data：数据源变量，layout：每个列表项显示的布局，new String[]{}：数据源中的“键”，new int[]{}：显示数据源的控件ID)；
（3）自定义Adapter类 adapter = new 自定义Adapter类构造方法；
3：绑定Adapter对象到Adapter上
AdapterView对象.setAdapter（Adapter对象）；