Android打造listview萬能適配器（上）

來自：http://www.imooc.com/learn/372
一般情況下我們要在listview控件上展示自定義的數據，我們需要定義一個listview，然後對每個listview設置一個適配器adapter，一般繼承自BaseAdapter，在每個適配器中我們都要定義一個viewholder，但是當我們有很多的listview時，這種做法就比較麻煩了，這時候我們就需要抽象出一個共同的適配器出來。
先看一個效果圖，

1 新建一個Java bean

package com.baseadapter.bean;
/**
 * 新建一個Java Bean類，用於描述listview中每一個item的信息
 * 每一個item包括一個標題，一個描述信息，一個日期，一個電話
 */
public class Bean {
    private String title;
    private String desc;
    private String time;
    private String phone;

    public Bean()
    {

    }
    public Bean(String title, String desc, String time, String phone)
    {
        super();
        this.title = title;
        this.desc = desc;
        this.time = time;
        this.phone = phone;
    }
    public String getTitle() {
        return title;
    }
    public void setTitle(String title) {
        this.title = title;
    }
    public String getDesc() {
        return desc;
    }
    public void setDesc(String desc) {
        this.desc = desc;
    }
    public String getTime() {
        return time;
    }
    public void setTime(String time) {
        this.time = time;
    }
    public String getPhone() {
        return phone;
    }
    public void setPhone(String phone) {
        this.phone = phone;
    }
}

2 在activity_main.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">

    <ListView
        android:id="@+id/id_listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

3 新建一個item佈局文件,item.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:padding="10dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/id_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:singleLine="true"
        android:text="小白兔的故事1"
        android:textColor="#444"/>
    <TextView
        android:id="@+id/id_desc"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="14sp"
        android:minLines="1"
        android:maxLines="4"
        android:layout_below="@id/id_title"
        android:layout_marginTop="10dp"
        android:text="第一天，小白兔去河邊釣魚，什麼也沒釣到，回家了。第二天，小白兔又去河邊釣魚，還是什麼也沒釣到，回家了。第三天，小白兔剛到河邊，一條大魚從河裏跳出來，衝着小白兔大叫：你他媽的要是再敢用胡籮卜當魚餌，我就扁死你！"
        android:textColor="#898989"/>
    <TextView
        android:id="@+id/id_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="12sp"
        android:layout_below="@id/id_desc"
        android:layout_marginTop="10dp"
        android:text="2015-12-31"
        android:textColor="#898989"/>
    <TextView
        android:id="@+id/id_phone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="12sp"
        android:layout_below="@id/id_desc"
        android:layout_marginTop="10dp"
        android:text="10086"
        android:drawableLeft="@drawable/mobile_phone"
        android:drawablePadding="3dp"
        android:padding="3dp"
        android:layout_alignParentRight="true"
        android:background="#2ed667"
        android:textColor="#ffff"/>
</RelativeLayout>

現在我們使用傳統的方式實現適配器的編寫
1 新建MyAdapter繼承自BaseAdapter

package com.example.imooc_baseadapter;

import java.util.List;

import javax.security.auth.PrivateCredentialPermission;

import com.baseadapter.bean.Bean;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;


/**
 * 新建一個listview的適配器，需要的參數有，Context,數據源即List<Bean>，
 * 以及用LayoutInflater加載我們的item佈局文件
 *
 */
public class MyAdapter extends BaseAdapter {
    private LayoutInflater mInflater;
    private List<Bean> mDatas;

    public MyAdapter(Context context, List<Bean> datas) {
        mInflater = LayoutInflater.from(context);
        mDatas = datas;
    }

    @Override
    public int getCount() {
        return mDatas.size();
    }

    @Override
    public Object getItem(int position) {
        return mDatas.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        //初始化我們的item中的控件
        if (convertView == null) {
            convertView = mInflater.inflate(R.layout.item, parent, false);//加載item佈局文件
            holder = new ViewHolder();
            holder.mTitle = (TextView) convertView.findViewById(R.id.id_title);
            holder.mDesc = (TextView) convertView.findViewById(R.id.id_desc);
            holder.mTime = (TextView) convertView.findViewById(R.id.id_time);
            holder.mPhone = (TextView) convertView.findViewById(R.id.id_phone);

            convertView.setTag(holder);
        }
        else {
            holder = (ViewHolder) convertView.getTag();
        }
        //爲控件賦值
        Bean bean = mDatas.get(position);

        holder.mTitle.setText(bean.getTitle());
        holder.mDesc.setText(bean.getDesc());
        holder.mTime.setText(bean.getTime());
        holder.mPhone.setText(bean.getPhone());
        return convertView;
    }
    private class ViewHolder
    {
        //item中的四個控件
        TextView mTitle;
        TextView mDesc;
        TextView mTime;
        TextView mPhone;
    }

}

2 MainActivity.java

package com.example.imooc_baseadapter;

import java.util.ArrayList;
import java.util.List;

import com.baseadapter.bean.Bean;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Adapter;
import android.widget.ListView;

public class MainActivity extends Activity {

    private ListView mListView;
    private List<Bean> mDatas;//這裏我們設置了多個item，因此需要存放4個Bean對象的list
    private MyAdapter mAdapter;//聲明自定義的適配器

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initDatas();//先調用這個方法，因爲我們在這裏給adapter設置了數據
        initView();//在這裏我們初始化了view，爲listview設置了適配器
    }

    private void initView() {
        mListView = (ListView) findViewById(R.id.id_listview);
        mListView.setAdapter(mAdapter);
    }
    private void initDatas() {
        //構造我們listview上的數據
        mDatas = new ArrayList<Bean>();
        Bean bean1 = new Bean("小白兔的故事1","第一天，小白兔去河邊釣魚，什麼也沒釣到，"
                + "回家了。第二天，小白兔又去河邊釣魚，還是什麼也沒釣到，回家了。第三天，小白兔剛到河邊，"
                + "一條大魚從河裏跳出來，衝着小白兔大叫：你他媽的要是再敢用胡籮卜當魚餌，我就扁死你！",
                "2015-12-31","10086");
        mDatas.add(bean1);
        Bean bean2 = new Bean("小白兔的故事2","狼崽喜歡素食，狼爸媽很苦惱。一日，見狼崽狂追兔子，甚喜，"
                + "最終狼崽摁住兔子，惡狠狠地說：兔崽子，把胡蘿蔔交出來！",
                "2015-12-31","10086");
        mDatas.add(bean2);
        Bean bean3 = new Bean("小白兔的故事3","一隻青蛙偷親了兔子一口撒腿就跑，兔子緊追不捨。青蛙情急之下跳進池塘，"
                + "不一會兒，一隻癩蛤蟆爬了出來。兔子忍不住大笑：“哈哈，小樣兒，皮膚過敏了吧！",
                "2015-12-31","10086");
        mDatas.add(bean3);
        Bean bean4 = new Bean("小白兔的故事4","小白兔跑在大森林裏，結果又迷路了，這時，它碰上一隻小花兔，這回小白兔可學乖了，"
                + "跑過去說：“小花兔哥哥，小花兔哥哥，你要是告訴我怎樣才能走出大森林，我就讓你舒服舒服。”小花兔一聽，"
                + "登時掄圓了給小白兔一個大嘴巴，說：“我靠，你丫是問路吶，還是找辦吶？”",
                "2015-12-31","10086");
        mDatas.add(bean4);
        Bean bean5 = new Bean("小白兔的故事5","螞蟻在森林裏走，突然遇到一隻大象，螞蟻連忙一頭鑽進土裏，伸出一隻腿。"
                + "小白兔見了很好奇，問：你在幹什麼?螞蟻悄悄對它說：噓……別出聲，看我絆丫一跟頭……",
                "2015-12-31","10086");
        mDatas.add(bean5);

        mAdapter = new MyAdapter(this, mDatas);

    }

}

優化—-編寫通用的ViewHolder
我們對viewholder進行優化。建立一個通用的ViewHolder類，我們知道在ViewHolder中我們包含了對item中各種控件的引用，但是如果我們有多個listview的話，那他們的item中的控件不一定是相同的，因此，在通用的ViewHolder類中我們需要一個容器SparseArray(SparseArrays map integers to Objects)存儲一個id及其對應的view控件，我們再新建一個getView(int id)，通過id獲取到我們的控件即可。
新建類ViewHolder.java

package com.baseadapter.utils;

import android.content.Context;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * 構造一個通用的viewholder類
 *
 */
public class ViewHolder {
    private SparseArray<View> mViews;
    private int mPosition;
    private View mConvertView;
    //layoutId即我們要引入的item佈局文件的id
    public ViewHolder(Context context, ViewGroup parent, int layoutId, int position)
    {
        this.mPosition = position;
        this.mViews = new SparseArray<View>();
        mConvertView = LayoutInflater.from(context).inflate(layoutId, parent, false);//引入我們的item佈局文件
        mConvertView.setTag(this);
    }
    //ViewHolder並不是每次都需要實例化，當convertview不爲空時我們就不需要再實例化ViewHolder，因此我們增加一個入口方法
    //來判斷是否需要對ViewHolder實例化
    public static ViewHolder get(Context context, View convertView, ViewGroup parent, int layoutId, int position)
    {
        if (convertView == null) {
            return new ViewHolder(context, parent, layoutId, position);//返回一個實例化對象
        }
        else {
            ViewHolder holder = (ViewHolder) convertView.getTag();
            holder.mPosition = position;
            return holder;
        }
    }

    /**
     * 通過viewId獲取控件,此方法返回的是View的一個子類
     */
    public <T extends View> T getView(int viewId)
    {
        View view = mViews.get(viewId);
        if (view == null) {
            //如果mViews沒有相應的控件，我們就從convertView中找到這個控件，並將此控件和其id存放在mViews中
            view = mConvertView.findViewById(viewId);
            mViews.put(viewId, view);
        }
        return (T) view;
    }
    //mConvertView的get方法
    public View getConvertView() {
        return mConvertView;
    }   

}

新建一個相應的適配器MyAdapterWithCommonViewHolder

package com.example.imooc_baseadapter;

import java.util.List;

import javax.security.auth.PrivateCredentialPermission;

import com.baseadapter.bean.Bean;
import com.baseadapter.utils.ViewHolder;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;


/**
 * 新建一個listview的適配器，需要的參數有，Context,數據源即List<Bean>，
 * 以及用LayoutInflater加載我們的item佈局文件
 *
 */
public class MyAdapterWithCommonViewHolder extends BaseAdapter {
    private LayoutInflater mInflater;
    private List<Bean> mDatas;
    private Context mContext;

    public MyAdapterWithCommonViewHolder(Context context, List<Bean> datas) {
        this.mContext = context;
        mInflater = LayoutInflater.from(context);
        mDatas = datas;
    }

    @Override
    public int getCount() {
        return mDatas.size();
    }

    @Override
    public Object getItem(int position) {
        return mDatas.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        //初始化ViewHolder
        ViewHolder holder = ViewHolder.get(mContext, convertView, parent, R.layout.item, position);
        //初始化我們的item中的控件
        //爲控件賦值
        Bean bean = mDatas.get(position);

        TextView title = holder.getView(R.id.id_title);
        title.setText(bean.getTitle());
        TextView desc = holder.getView(R.id.id_desc);
        desc.setText(bean.getDesc());
        TextView time = holder.getView(R.id.id_time);
        time.setText(bean.getTime());
        TextView phone = holder.getView(R.id.id_phone);
        phone.setText(bean.getPhone());
        //我們也可以寫成((TextView)holder.getView(R.id.id_phone)).setText(bean.getPhone());
        return holder.getConvertView();//返回convertView
    }

}

然後在MainActivity中給我們的listview設置上面的適配器即可。

接下來，我們還可以繼續優化。。見下一篇博客