App 的首頁向來是個寸土寸金的地方，如何在首頁吸引使用者是 PM 的工作，而對於我們開發者而言要做的就是適配。想必大家一定遇到過類似如下的設計稿：

在設計稿上我們可以看到一些重點：

• 頁面可以上下滾動
• 元素比較繁多
• 不同頁之間有分割線或者間隙

基於上面的幾點我們的思路無非分為兩條，第一條思路是：

使用ScrollView包裹LinearLayout並動態add多個佈局

這種方法的是可以解決問題的，各個板塊可以寫成子佈局，之間的風格線和間隙可以通過新增黑色的高度為 1 畫素的 View 和設定 MarginTop 來解決，重複的元素使用動態修改高度的 ListView 來適配。

確實簡單粗暴，但缺點是無法複用 View 比較浪費記憶體。

第二條思路，也就是本篇博文將要論述的思路：

將包括頂部的輪播圖、中間的活動版面甚至是分割線和間隙在內的東西都當成 Item 佈局，並使用單個ListView適配

較之前者，該方法不但解決了複用 View 的問題而且檢視的層次更少。

使用 RecyclerView 也是可以的不過思路其實和 ListView 一樣，這裡不再贅述。具體實現同樣也在給出的原始碼中，請自行查閱。

之後的章節筆者會詳細地闡述實現和程式碼，篇幅略長。如果你想直接看原始碼的話可以直接跳轉到文末。

BaseAdapter 的初步封裝

考慮到原有的 BaseAdapter 功能太弱，在正式開始工作之前有必要對之進行初步的封裝。首先我們在 BaseAdapter 中實現類似 RecyclerView 的 ViewHolder 機制，這裡先定義一個 AbsViewHolder 的基類，如下：

public static abstract class AbsViewHolder<Item> {

    // 這裡使用一個泛型來引用該ViewHolder對應的資料項
    private Item item;
    private int position;
    private final View view;

    // 這裡省略get和set方法，完整的程式碼參見文末GitHub
}

之後我們定義 BaseAdapter 的基類程式碼如下：

// 每個Adapter都要確定自己能適配的資料型別和使用的ViewHolder
public abstract
 
 class CoreAdapter<Item, Holder extends AbsViewHolder<Item>> extends BaseAdapter {

    // 將資料來源封裝進Adapter中方便後續的開發
    private final List<Item> data = new ArrayList<>();

    /* 繼承 */

    // inflater的單例
    private LayoutInflater inflater;

    @Override
    public final int getCount () {
        // 由於資料來源在內部並且是final的，這裡可以寫死
        return data.size();
    }

    @Override
    public final Item getItem (int position) {
        // 同上，寫死
        return data.get(position);
    }

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

    @Override
    public final View getView (int position, View convertView, ViewGroup parent) {
        // 獲取inflater的單例
        if (inflater == null) {
            //當getView方法被呼叫時必定已經被set進ListView了
            //此時parent.getContext()不會空指標
            inflater = LayoutInflater.from(parent.getContext());
        }

        //獲取position對應的資料和viewType
        int viewType = getItemViewType(position);
        Item data = getItem(position);

        //實現ViewHolder機制
        Holder holder;
        if (convertView == null) {
            holder = createViewHolder(inflater, parent, viewType);
            convertView = holder.getView();
            convertView.setTag(holder);// 繫結ViewHolder
        } else {
            holder = (Holder) convertView.getTag();
        }

        // 將資料和position繫結到ViewHolder上
        holder.setPosition(position);
        holder.setItem(data);
        bindViewData(holder, position, data, viewType);

        return convertView;
    }

    /* 回撥 */

    //建立ViewHolder例項
    //如果你使用過RecyclerView的Adapter的話這裡你會發現這裡的思想與之基本一致
    protected abstract Holder createViewHolder (LayoutInflater inflater, ViewGroup parent, int viewType);

    //繫結資料到ViewHolder例項上
    //也是RecyclerView.Adapter的思想
    protected abstract void bindViewData (Holder holder, int position, Item data, int viewType);

    /* 資料展示 */

    //從外部新增資料項到Adapter內部的資料來源，並重新整理檢視
    public final void display (Item... items) {
        this.data.clear();
        Collections.addAll(this.data, items);
        notifyDataSetChanged();
    }

    public final void display (Collection<? extends Item> items) {
        this.data.clear();
        this.data.addAll(items);
        notifyDataSetChanged();
    }

    //後續還可以拓展上add，remove之類的方法，這裡略去。
    //完整程式碼請參閱GitHub
}

經過以上的修改我們已經將 ViewHolder 機制封裝進了 Adapter 之中，為後續的開發剩下了大量的程式碼。

具體實現

由於我們將所有的控制元件都當成Item佈局不用想也知道這裡會有數不清的 if-else 要寫，這顯然也是不夠優雅的。要解決這個問題我們就需要用到策略模式和策略工廠。

我們首先將每個 Item 的操作邏輯封裝成對應的策略，一個策略處理一種 Item 的例項化、繫結資料和事件回撥等邏輯。如下：

/*單個Item佈局的策略*/
public abstract class AbsItemOperator<Item, Holder extends AbsViewHolder<Item>> {

    //該策略支援的資料型別的單例
    private Type type;

    //判斷該策略是否能夠適配obj的例項
    public final boolean canHandleObject (Object obj) {
        if (type == null) {
            //獲取實現類的第一個泛型引數作為該策略的可適配型別
            //ClassUtil請參見GitHub原始碼
            Type types[] = ClassUtil.getGenericParametersType(getClass());
            type = types[0];
        }
        if (obj instanceof Collection) {
            //出於安全和可維護性考慮這裡禁止直接適配Collection的子類。
            throw new IllegalStateException("不允許直接適配Collection或者其子類");
        }
        return type == obj.getClass();
    }

    /*回撥*/

    //建立ViewHolder
    public abstract Holder createViewHolder (LayoutInflater inflater, ViewGroup parent);

    //繫結資料到ViewHolder
    public abstract void bindViewData (Holder holder, Item data);

}

我們可以在這個基類中看到兩個抽象方法：createViewHolder() 和 bindViewData()，只要在這兩個方法裡面實現對 Item 的處理即可。

之後我們需要將 Adapter 封裝一個策略工廠，負責策略的匹配和排程。程式碼如下：

public final class FlexibleAdapter extends CoreAdapter<Object, AbsViewHolder<Object>> {

    //使用被final修飾的List來儲存所有支援的佈局策略
    private final List<AbsItemOperator> operators = new ArrayList<>();

    //在構造的時候必須指明所有支援的策略
    public FlexibleAdapter (AbsItemOperator<?, ?>... operators) {
        Collections.addAll(this.operators, operators);
    }

    /* 繼承 */

    @Override
    protected AbsViewHolder<Object> createViewHolder (LayoutInflater inflater, ViewGroup parent, int viewType) {
        //createViewHolder方法是在之前的CoreAdapter之中定義的
        //其中viewType引數來自getItemViewType()，其值也是目標策略在策略列表operators中的序數
        //取出策略，直接排程
        return (AbsViewHolder<Object>) operators.get(viewType).createViewHolder(inflater, parent);
    }

    @Override
    protected void bindViewData (CoreAdapter.AbsViewHolder<Object> viewHolder, int position, Object data, int viewType) {
        //同上，根據viewType取出策略並排程
        operators.get(viewType).bindViewData(viewHolder, data);
    }

    @Override
    public int getItemViewType (int position) {
        //獲取position對應的資料例項
        //並通過AbsItemOperator.canHandleObject()方法逐一匹配合適的策略
        Object obj = getItem(position);
        for (int i = 0, count = operators.size(); i < count; i++) {
            if (operators.get(i).canHandleObject(obj)) {
                return i;// 可處理
            }
        }
        // 沒有策略能夠適配該資料
        throw new IllegalStateException("指定資料型別不存在可用的operator");
    }

    @Override
    public int getViewTypeCount () {
        //策略列表的大小就是佈局型別數
        return operators.size();
    }

}

至此整體的框架就已經搭建完畢，往後如果有新增的Item佈局只需要新增一個獨立的策略實現類即可，十分靈活。

實現一個策略

這裡我們寫一個策略以加深對這種思路的理解。佈局檔案很簡單：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="48dp"
    android:background="@color/core_white">

    <View
        android:layout_width="24dp"
        android:layout_height="16dp"
        android:layout_gravity="center_vertical"
        android:background="@color/core_holo_green_light"/>

    <TextView
        android:id="@+id/textView_listView_tip"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical"/>
</FrameLayout>

有點經驗的開發者應該立馬就能想象到它例項化後的樣子，主體只是一個用來顯示文字的 TextView 而已。接下來是它對應的策略：

public class TipOperator extends AbsItemOperator<Tip, TipViewHolder> implements View.OnClickListener {

    //寫一個AbsViewHolder的基類，ViewHolder本身其實還可以深挖不少東西，這裡篇幅有限就不再贅述
    public static class TipViewHolder extends AbsViewHolder<Tip> {

        public TipViewHolder(View v) {
            super(v);
        }
    }

    /*繼承*/

    @Override
    public TipViewHolder createViewHolder(LayoutInflater inflater, ViewGroup parent) {
        //例項化佈局
        View view = inflater.inflate(R.layout.activity_listview_tip, parent, false);
        //繫結事件
        view.setOnClickListener(this);
        return new TipViewHolder(textView);
    }

    @Override
    public void bindViewData(TipViewHolder holder, Tip data) {
        //繫結資料
        TextView textView = (TextView) holder.getView().findViewById(R.id.textView_listView_tip);
        textView.setText(data.tip);
    }

    /*回撥*/

    @Override
    public void onClick(View v) {
        //因為CoreAdapter中已經實現了ViewHolder機制因而itemView.getTag返回的必定是對應的ViewHolder，在這裡就是TipViewHolder
        //在設計上ViewHolder和ItemView的例項是繫結在一起的，只是攜帶者的position和data一直在變化
        //因此只要獲得ViewHolder就能獲得當前的position和data
        TipViewHolder holder = (TipViewHolder) v.getTag();
        if(onTipClickListener != null){
            //回撥監聽者
            onTipClickListener.onTipClick(v,holder.getPosition(),holder.getItem());
        }
    }

    /*介面*/

    //監聽者介面
    public interface OnTipClickListener{

        void onTipClick(View v,int position,Tip tip);

    }

    private OnTipClickListener onTipClickListener;

    public TipOperator setOnTipClickListener(OnTipClickListener onTipClickListener) {
        this.onTipClickListener = onTipClickListener;
        return this;
    }
}

實際使用時如下：

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    ListView listView = new ListView(this);
    listView.setDivider(null);
    listView.setDividerHeight(0);
    setContentView(listView);
    setTitle(getClass().getSimpleName());

    //例項話FlexibleAdapter並填入所有的佈局策略
    FlexibleAdapter adapter = new FlexibleAdapter(new RotateOperator(), new TipOperator(), new PanelOperator(), new MsgOperator(), new DividerOperator(), new SpanOperator());
    listView.setAdapter(adapter);

    //逐一新增每個資料項
    List<Object> list = new ArrayList<>();
    Rotate rotate = new Rotate(R.layout.activity_listview_rotate_1, R.layout.activity_listview_rotate_2, R.layout.activity_listview_rotate_3);
    list.add(rotate);
    list.add(new Divider());

    list.add(new Span());

    int times = 5;
    while (times-- > 0) {
        list.add(new Divider());
        Tip tip = new Tip("這是一個Tip");
        list.add(tip);
        list.add(new Divider());
        Panel panel = new Panel("這個是內容，我就隨便輸入一些什麼東西");
        list.add(panel);
        list.add(new Divider());
        list.add(new Span());
    }

    list.add(new Divider());
    times = 20;
    while (times-- > 0) {
        list.add(new Msg("這是文字35435435453545354"));
    }

    //重新整理到介面上
    adapter.display(list);
}

以上程式碼執行起來後效果如下：

之後新增一個佈局只需要新增一個對應的策略即可。

最後附上原始碼地址：