Android 自定义Adapter

一、VC与模板概念的理解
MVC本来是存在于Desktop程序中的，M是指数据模型，V是指用户界面，C则是控制器。使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。比如一批统计数据你可以分别用柱状图、饼图来表示。C存在的目的则是确保M和V的同步，一旦M改变，V应该同步更新。

模型－视图－控制器（MVC）是Xerox PARC在八十年代为编程语言Smalltalk－80发明的一种软件设计模式，至今已被广泛使用。最近几年被推荐为Sun公司J2EE平台的设计模式，并且受到越来越多的使用 ColdFusion 和 PHP 的开发者的欢迎。模型－视图－控制器模式是一个有用的工具箱，它有很多好处，但也有一些缺点。 

二、MVC如何工作 
MVC是一个设计模式，它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分成三个核心部件：模型、视图、控制器。它们各自处理自己的任务。 

视图 
视图是用户看到并与之交互的界面。对老式的Web应用程序来说，视图就是由HTML元素组成的界面，在新式的Web应用程序中，HTML依旧在视图中扮演着重要的角色，但一些新的技术已层出不穷，它们包括Macromedia Flash和象XHTML，XML/XSL，WML等一些标识语言和Web services. 

如何处理应用程序的界面变得越来越有挑战性。MVC一个大的好处是它能为你的应用程序处理很多不同的视图。在视图中其实没有真正的处理发生，不管这些数据是联机存储的还是一个雇员列表，作为视图来讲，它只是作为一种输出数据并允许用户操纵的方式。 

模型 
模型表示企业数据和业务规则。在MVC的三个部件中，模型拥有最多的处理任务。例如它可能用象EJBs和ColdFusion Components这样的构件对象来处理数据库。被模型返回的数据是中立的，就是说模型与数据格式无关，这样一个模型能为多个视图提供数据。由于应用于模型的代码只需写一次就可以被多个视图重用，所以减少了代码的重复性。 

控制器 
控制器接受用户的输入并调用模型和视图去完成用户的需求。所以当单击Web页面中的超链接和发送HTML表单时，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后用确定用哪个视图来显示模型处理返回的数据。 

现在我们总结MVC的处理过程，首先控制器接收用户的请求，并决定应该调用哪个模型来进行处理，然后模型用业务逻辑来处理用户的请求并返回数据，最后控制器用相应的视图格式化模型返回的数据，并通过表示层呈现给用户。

自定义Adapter的实现

在xml中添加listview组件，

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context=".MainActivity" >    <ListView        android:id="@+id/lv"        android:layout_width="match_parent"        android:layout_height="match_parent" >    </ListView></RelativeLayout>

然后创建自己list item模板

其中包括一个image（头像），name， age， info（黑色字体信息）。

<?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        android:id="@+id/st_image"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/wangcai" />    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="vertical" >        <LinearLayout            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:orientation="horizontal" >            <TextView                android:id="@+id/st_name"                android:layout_width="0dp"                android:layout_height="wrap_content"                android:layout_weight="1"                android:gravity="center"                android:text="旺财"                android:textColor="#0000ff"                android:textSize="22sp" />            <TextView                android:id="@+id/st_age"                android:layout_width="0dp"                android:layout_height="wrap_content"                android:layout_weight="1"                android:gravity="center"                android:text="18"                android:textColor="#0000ff"                android:textSize="22sp" />        </LinearLayout>        <TextView            android:id="@+id/st_info"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_marginLeft="15dp"            android:layout_marginTop="30dp"            android:text="我很高兴"            android:textSize="18sp" />    </LinearLayout></LinearLayout>

下面是JAVA代码部分，开始实现自定义的Adapter。
就像使用Adapter一样，对V进行初始化，主要是findViewById。
setContentView(R.layout.activity_main);
lv = (ListView) this.findViewById(R.id.lv);
现在已经拥有了V部分，然后是创建M，即模型，使用自定义的数据填充。
               ArrayList<Person> list = new ArrayList<Person>();
自定义的数据可以是数组，map，list，链表。只要是可以通过连续标号进行增删改查的类型就可以。如果使用数组需要自己实现功能。

使用了person类型的list，就需要自定义的person类，这个类中可以实现多属性的包含。

package com.example.a18_listview;public class Person {    private int image;    private String name;    private int age;    private String info;    public String getInfo() {        return info;    }    public void setInfo(String info) {        this.info = info;    }    public int getImage() {        return image;    }    public Person(int image, String name, int age, String info) {        super();        this.image = image;        this.name = name;        this.age = age;        this.info = info;    }    public void setImage(int image) {        this.image = image;    }    public String getName() {        return name;    }    public void setName(String name) {        this.name = name;    }    public int getAge() {        return age;    }    public void setAge(int age) {        this.age = age;    }}

 类中定义了view list模版中需要的属性。

通过一定的方式填充model数据，这里简单的通过for循环和数组进行数据的填充。

private String names[] = { "如花", "旺财", "小翠", "小芳", "小刚", "小龙" };private int images[] = { R.drawable.ruhua, R.drawable.wangcai,R.drawable.xiaocui, R.drawable.xiaofang, R.drawable.xiaogang,R.drawable.xiaolong };private int ages[] = { 18, 19, 20, 21, 22, 23 };private String infos[] = {"我很高兴"};        ……        for (int i = 0; i < 6; i++) {list.add(new Person(images[i], names[i], ages[i], infos[0]));}

现在有了M和V ，只差C的实现。
创建自定义的Adapter，MyAdapter类。
参考Adapter系统实现，需要继承BaseAdapter类，并提示实现4个方法。
首先需要根据自己的需要实现构造函数，构造函数的参数可以根据要求定义。先看需要重写的方法吧。

第一个：获得传入的数据长度，即条目个数，需要返回list长度，或数组长度等。

@Override    public int getCount() {// 获取数量 将来要设定到lsitview控件上面的数据源的个数        // TODO Auto-generated method stub        return list.size();    }

第二个：获得条目，返回值为object表示可以返回任何类型，可以根据自己需要返回。此处返回的是list ID，也可以返回list条目中的项目，如 ： return list.get(position);

@Override    public Object getItem(int position) {// 获取元素的对象(一般用在监听事件)        // TODO Auto-generated method stub        return position;    }

第三个：获得条目ID，如果在条目中定义了ID 这个属性，可以返回该值，此处，返回调用值，即list的ID 是顺序排列。

@Override    public long getItemId(int position) {// 获取元素的ID(一般用在监听事件)        // TODO Auto-generated method stub        return position;    }

第四个：填充listView视图，绘制listView视图

返回值为view类型，需要返回填充的listView模板的view类型。所以就需要在构造的时候将view传进来，但是一般layout的id容易获得，所以传入的一般是layout id，当然也可以直接传入view。
标记：构造器需要一个layout id类型参数。并用类属性保存。private int resource;
下面需要通过layout id得到layout的view类型。
View inflate = LayoutInflater.from(context).inflate(resource, null);
这句话的中需要用到context，上下文依赖关系，即是从哪个java代码包含的layout文件中查找id值（setContentView(R.layout.activity_main);），这是由于在xml中同名组件公用id，所以需要这个过程来查找id属于哪个xml。

标记：构造器需要一个context类型的参数。用于保存调用的上下文依赖关系。private Context context;

剩下的就很简单了，将list中项目的属性，依次填入listView模板中，注意，此处之需要完成一次的填充，可以使用入口参数position定位list的项目。这个方法是系统绘制时调用，由系统根据list的条目数（getCount() ），进行一次绘制。
根据position取出list中的条目。
标记：构造器需要将list传入，这个不用说，不传进来都不知道往模板上填什么。
        Person person = list.get(position);
得到条目中的每个属性。
        String name = person.getName();
        int image = person.getImage();
        int age = person.getAge();

根据layout中的组件id找到具体的组件，组件归属由前面得到的view参数获得。
        // 設定到控件上面去
        // 找控件
        TextView tv = (TextView) inflate.findViewById(R.id.st_name);
        ImageView iv = (ImageView) inflate.findViewById(R.id.st_image);
        TextView st_age = (TextView) inflate.findViewById(R.id.st_age);

将list条目的属性填写到layout模板的组件中去。
        /**
         * 设定内容
         */
        tv.setText(name);
        iv.setImageResource(image);
        st_age.setText(age + "");//age为int类型，而settext传入的参数为charsequence

最后将前面的到的view返回。
        return inflate;

方法完整代码

  /**     * getview获取listview的每一项的view视图（返回的是具体的内容）     */    @Override    public View getView(int position, View convertView, ViewGroup parent) {        // TODO Auto-generated method stub        /**         * 将布局（int）转化为view类型视图         */        View inflate = LayoutInflater.from(context).inflate(            resource, null);        // 将arraylist数据源的数据设定到控件上面        Person person = list.get(position);        String name = person.getName();        int image = person.getImage();        int age = person.getAge();        // 設定到控件上面去        // 找控件        TextView tv = (TextView) inflate.findViewById(R.id.st_name);        ImageView iv = (ImageView) inflate.findViewById(R.id.st_image);        TextView st_age = (TextView) inflate.findViewById(R.id.st_age);        /**         * 设定内容         */        tv.setText(name);        iv.setImageResource(image);        st_age.setText(age + "");//age为int类型，而settext传入的参数为charsequence        return inflate;    }

最后是完成构造器
根据前面的标记，知道要实现这4个方法，必须要的属性参数。

// 参数为 布局，数据源，    public MyAdapter(int resource, ArrayList<Person> list, Context context) {        this.resource = resource;        this.list = list;        this.context = context;    }

到这里，自己的myadapter类就完成了。回到主函数中进行MC与VC的关联，就完成了整个MVC过程。

 和系统提供的adapter一样，对model和adapter关联，通过adapter的构造器把list数据提交给adapter。

        /**         * 适配器         */        MyAdapter adapter = new MyAdapter(R.layout.mylistview_item, list,                ThirdAct.this);

将viewlist和adapter关联，通过listview的set方法将adapter传递给listview。
这样listview就知道通过什么方式填充listview中的数据，即实现的getView（）方法，同时adapter中携带了list数据，也就知道需要填写多少数据。

        /**         * 将adapter适配器设定到listview中         */        lv.setAdapter(adapter);

到这里就完成自定义的adapter。

 入口函数代码：

package com.example.a18_listview;import java.util.ArrayList;import android.app.Activity;import android.os.Bundle;import android.widget.ListView;public class ThirdAct extends Activity {    private ListView lv;    private String names[] = { "如花", "旺财", "小翠", "小芳", "小刚", "小龙" };    private int images[] = { R.drawable.ruhua, R.drawable.wangcai,            R.drawable.xiaocui, R.drawable.xiaofang, R.drawable.xiaogang,            R.drawable.xiaolong };    private int ages[] = { 18, 19, 20, 21, 22, 23 };    private String infos[] = {"我很高兴"};    @Override    protected void onCreate(Bundle savedInstanceState) {        // TODO Auto-generated method stub        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        lv = (ListView) this.findViewById(R.id.lv);        /**         * 数据源         */        ArrayList<Person> list = new ArrayList<Person>();        for (int i = 0; i < 6; i++) {            list.add(new Person(images[i], names[i], ages[i], "我很高兴"));        }        /**         * 适配器         */        MyAdapter adapter = new MyAdapter(R.layout.mylistview_item, list,                ThirdAct.this);        /**         * 将adapter适配器设定到listview中         */        lv.setAdapter(adapter);    }}