前幾天看了鴻洋大神的 Android 優雅的為RecyclerView新增HeaderView和FooterView，發現裝飾者模式 在某些情況下是設計得如此 優雅，現在總結如下：

本篇部落格主要講解一下幾個問題

1. 什麼 是裝飾者模式
2. 怎樣實現裝飾者模式
3. 裝飾者模式的優缺點
4. 裝飾者模式在Android中的應用

什麼是裝飾者模式

應用場景

咖啡店裡咖啡中可以加不同的配料–摩卡、牛奶、糖、奶泡；不同的飲品加上不同的配料有不同的價錢，怎樣實現呢？

可能你的第一印象會想到使用繼承，
1. 首先定義一個咖啡基類
2. 對於加糖的，加牛奶的，加摩卡的 ，加奶泡的，分別寫一個子類繼承
3. 對於加糖，又加奶的寫一個類，對於對於加糖，又摩卡的寫一個類，對於對於加糖、又奶泡的寫一個類，對於加糖，又加奶、摩卡的寫一個類—-
說到這裡，你會發現這裡四種配料就要寫十幾種實現類了，那如果我們的配料是二十幾種或者三十幾種呢，那麼使用繼承這種 方式肯定會使我們的子類爆炸，那要怎樣解決你，答案就是使用裝飾者模式

定義

我覺得裝飾者模式是在已有功能的基礎之上，動態地新增更多 功能的一種方式，這些新加的程式碼裝飾了原有類的 核心職責或主要行為。

類UML圖

效果圖

怎樣實現裝飾者模式呢？

首先我們先來看一下我們的設計類圖

• 1) 首先我們定義一個Coffce基類

/**
 * @ explain:這裡Coffee相當於我們的Component，
 * 是要裝飾的類
 *
 * @ author：xujun on 2016/7/10 23:16
 * @ email：[email protected]
 */
public abstract class Coffee
 
 {

    /**
     *
     * @return 返回價格
     */
    public abstract int getPrice();

    /**
     * 返回名字
     * @return
     */
    public abstract String getName();
}

• 2） 接著 我們定義一個Decorator類繼承 我們的Coffice基類

/**
 * @ explain:
 * @ author：xujun on 2016/7/10 23:21
 * @ email：[email protected]
 */
public
 
 abstract class Decorator extends Coffee{

    protected Coffee mCoffee;

    /**
     * 通過組合的方式把Coffee物件傳遞進來
     * @param coffee
     */
    public Decorator(Coffee coffee){
        mCoffee=coffee;
    }
}

• 3）接下來我們來看我們的子類是怎樣實現的

public class MilkDecorator extends Decorator {

    /**
     * 通過組合的方式把Coffee物件傳遞進來
     *
     * @param coffee
     */
    public MilkDecorator(Coffee coffee) {
        super(coffee);
    }

    @Override
    public int getPrice() {
        return mCoffee.getPrice()+10;
    }

    @Override
    public String getName() {
        return "addMilk";
    }
}

其實核心程式碼就下面一行,在原來的價格加上 加牛奶的價格

return mCoffee.getPrice()+10

• 4)接下來不難想象加糖，就奶泡。就摩卡的操作,都是在原來的之上加上配料的價格

return mCoffee.getPrice()+2;
return mCoffee.getPrice()+15;
return mCoffee.getPrice()+20;

總結

以後你想要計算加糖，就牛奶,加奶泡的咖啡的價格，只需要這樣

mCoffee = new SimpleCoffee();
mCoffee = new SugarDecorator(mCoffee);
mCoffee = new MilkDecorator(mCoffee);
mCoffee = new MilkFoamDecorator(mCoffee);
int price1 = mCoffee.getPrice();
System.out.println("price1="+price1);

以後你想要計算加糖，就牛奶咖啡的價格，只需要這樣

mCoffee = new SimpleCoffee();
mCoffee = new SugarDecorator(mCoffee);
mCoffee = new MilkDecorator(mCoffee);

int price1 = mCoffee.getPrice();
System.out.println("price1="+price1);

裝飾者模式的優缺點

優點

• 把類中的裝飾功能從類中搬除，可以簡化原來的類
• 可以把類的 核心職責和裝飾功能區分開來，結構清晰 明瞭並且可以去除相關類的重複的裝飾邏輯。

裝飾者模式在Android中的應用

效果圖

• 下面我們來看一下我們是如何 優雅的為RecyclerView新增HeaderView和FooterView

/**
 * 部落格地址：http://blog.csdn.net/gdutxiaoxu
 * @author xujun
 * @time 2016/7/7 17:29.
 */
public class HeaderAndFooterWrapper<T> extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private static final int BASE_ITEM_TYPE_HEADER = 100000;
    private static final int BASE_ITEM_TYPE_FOOTER = 200000;

    private SparseArrayCompat<View> mHeaderViews = new SparseArrayCompat<>();
    private SparseArrayCompat<View> mFootViews = new SparseArrayCompat<>();

    private RecyclerView.Adapter mInnerAdapter;

    public HeaderAndFooterWrapper(RecyclerView.Adapter adapter) {
        mInnerAdapter = adapter;
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (mHeaderViews.get(viewType) != null) {
            ViewHolder holder = ViewHolder.createViewHolder(parent.getContext(), mHeaderViews.get
                    (viewType));
            return holder;

        } else if (mFootViews.get(viewType) != null) {
            ViewHolder holder = ViewHolder.createViewHolder(parent.getContext(), mFootViews.get
                    (viewType));
            return holder;
        }
        return mInnerAdapter.onCreateViewHolder(parent, viewType);
    }

    @Override
    public int getItemViewType(int position) {
        if (isHeaderViewPos(position)) {
            return mHeaderViews.keyAt(position);
        } else if (isFooterViewPos(position)) {
            return mFootViews.keyAt(position - getHeadersCount() - getRealItemCount());
        }
        return mInnerAdapter.getItemViewType(position - getHeadersCount());
    }

    private int getRealItemCount() {
        return mInnerAdapter.getItemCount();
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        if (isHeaderViewPos(position)) {
            return;
        }
        if (isFooterViewPos(position)) {
            return;
        }
        mInnerAdapter.onBindViewHolder(holder, position - getHeadersCount());
    }

    @Override
    public int getItemCount() {
        return getHeadersCount() + getFootersCount() + getRealItemCount();
    }

    @Override
    public void onAttachedToRecyclerView(RecyclerView recyclerView) {
        WrapperUtils.onAttachedToRecyclerView(mInnerAdapter, recyclerView, new WrapperUtils
                .SpanSizeCallback() {
            @Override
            public int getSpanSize(GridLayoutManager layoutManager, GridLayoutManager
                    .SpanSizeLookup oldLookup, int position) {
                int viewType = getItemViewType(position);
                if (mHeaderViews.get(viewType) != null) {
                    return layoutManager.getSpanCount();
                } else if (mFootViews.get(viewType) != null) {
                    return layoutManager.getSpanCount();
                }
                if (oldLookup != null)
                    return oldLookup.getSpanSize(position);
                return 1;
            }
        });
    }

    @Override
    public void onViewAttachedToWindow(RecyclerView.ViewHolder holder) {
        mInnerAdapter.onViewAttachedToWindow(holder);
        int position = holder.getLayoutPosition();
        if (isHeaderViewPos(position) || isFooterViewPos(position)) {
            WrapperUtils.setFullSpan(holder);
        }
    }

    private boolean isHeaderViewPos(int position) {
        return position < getHeadersCount();
    }

    private boolean isFooterViewPos(int position) {
        return position >= getHeadersCount() + getRealItemCount();
    }

    public void addHeaderView(View view) {
        mHeaderViews.put(mHeaderViews.size() + BASE_ITEM_TYPE_HEADER, view);
    }

    public void addFootView(View view) {
        mFootViews.put(mFootViews.size() + BASE_ITEM_TYPE_FOOTER, view);
    }

    public int getHeadersCount() {
        return mHeaderViews.size();
    }

    public int getFootersCount() {
        return mFootViews.size();
    }

}

• 接著我們來看一下我們是如何使用它的？

mAdapter = new SinglePersonAdapter(this, mDatas, R.layout.main_chat_from_msg);
mHeaderAndFooterWrapper=new HeaderAndFooterWrapper(mAdapter);

TextView t1 = new TextView(this);
t1.setPadding(10,10,10,10);
t1.setBackgroundColor(Color.GRAY);
t1.setText("Header 1");
TextView t2 = new TextView(this);
t2.setText("Header 2");
t2.setPadding(10,10,10,10);
t2.setBackgroundColor(Color.GRAY);
mHeaderAndFooterWrapper.addHeaderView(t1);
mHeaderAndFooterWrapper.addHeaderView(t2);
mRecyclerView.setAdapter(mHeaderAndFooterWrapper);

是不是很簡單，只需要簡單的幾行程式碼，就能在原有Adapter的基礎之上新增headerView或者Foot而View，具體的程式碼分析請見鴻洋大神的 部落格Android 優雅的為RecyclerView新增HeaderView和FooterView

相關推薦

最後的最後，賣一下廣告，歡迎大家關注我的微信公眾號，掃一掃下方二維碼或搜尋微訊號 stormjun，即可關注。 目前專注於 Android 開發，主要分享 Android開發相關知識和一些相關的優秀文章，包括個人總結，職場經驗等。