裝飾設(shè)計模式 - RecyclerView添加頭部和底部

1.問題思考


RecyclerView 我們都知道有一個比較麻煩的事,那就是沒有提供可以直接添加底部和頭部的功能。而在開發(fā)的過程中一定有這方面的需求,怎么解決這個問題?我們干脆不要用 RecyclerView 了,直接用 ListView 就好了,因為 ListView 直接提供了 addHeaderView 和 addFooterView 方法。既然 ListView 可以直接可以添加頭部和底部,那么是不是可以去看看它的源碼,我們依葫蘆畫瓢用到 RecyclerView 中不就好了。還有就是前面反復(fù)提到的,這個時候可以腦海中想想,是不是可以用設(shè)計模式去解決這個問題?

接下來看下裝飾設(shè)計模式,我們的設(shè)計模式文章很少寫到一些生活小事例的代碼, 如果實在看不懂,可以去看看其他的一些文章,寫的都還蠻不錯的,那些代碼可以加深我們的印象,這里我們主要以開發(fā)中實際案例為主。

2. 裝飾設(shè)計模式


2.1 模式的定義

裝飾設(shè)計模式也稱包裝設(shè)計模式,使用一種透明的方式來動態(tài)的擴展對象的功能,也是繼承關(guān)系的的一種替代方案之一。說個大白話就是,在不使用的繼承的方式下,采用裝飾設(shè)計模式可以擴展一個對象的功能,可以使一個對象變得越來越強大。

2.2 模式的運用

RecyclerView 本身是不支持添加底部和頭部的,那么采用裝飾設(shè)計模式可以對其進行功能擴展,使其能夠支持底部和頭部的添加:

/**
 * description: 可以添加頭部底部的 WrapRecyclerAdapter
 * author: Darren on 2017/9/25 09:54
 * email: 240336124@qq.com
 * version: 1.0
 */
class WrapRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    // 包裝 adapter 是原來的 RecyclerView.Adapter 是并不支持添加頭部和底部的
    private RecyclerView.Adapter mRealAdapter;
    ArrayList<View> mHeaderViews; // 頭部
    ArrayList<View> mFooterViews; // 底部
    
    public WrapRecyclerAdapter(RecyclerView.Adapter adapter) {
        mRealAdapter = adapter;
        mHeaderViews = new ArrayList<>();
        mFooterViews = new ArrayList<>();
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int position) {
        // Header (negative positions will throw an IndexOutOfBoundsException)
        int numHeaders = getHeadersCount();

        if (position < numHeaders) {
            return createFooterHeaderViewHolder(mHeaderViews.get(position));
        }

        // Adapter
        final int adjPosition = position - numHeaders;
        int adapterCount = 0;
        if (mRealAdapter != null) {
            adapterCount = mRealAdapter.getItemCount();
            if (adjPosition < adapterCount) {
                return mRealAdapter.onCreateViewHolder(parent, mRealAdapter.getItemViewType(adjPosition));
            }
        }

        // Footer (off-limits positions will throw an IndexOutOfBoundsException)
        return createFooterHeaderViewHolder(mFooterViews.get(adjPosition - adapterCount));
    }

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

    private RecyclerView.ViewHolder createFooterHeaderViewHolder(View view) {
        return new RecyclerView.ViewHolder(view) {
        };
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        // Header (negative positions will throw an IndexOutOfBoundsException)
        int numHeaders = getHeadersCount();
        if (position < numHeaders) {
            return;
        }
        // Adapter
        final int adjPosition = position - numHeaders;
        if (mRealAdapter != null) {
            int adapterCount = mRealAdapter.getItemCount();
            if (adjPosition < adapterCount) {
                mRealAdapter.onBindViewHolder(holder, adjPosition);
            }
        }
    }

    @Override
    public int getItemViewType(int position) {
        return position;
    }

    /**
     * 添加底部View
     * @param view
     */
    public void addFooterView(View view) {
        if (!mFooterViews.contains(view)) {
            mFooterViews.add(view);
            notifyDataSetChanged();
        }
    }

    /**
     * 添加頭部View
     * @param view
     */
    public void addHeaderView(View view) {
        if (!mHeaderViews.contains(view)) {
            mHeaderViews.add(view);
            notifyDataSetChanged();
        }
    }

    /**
     * 移除底部View
     * @param view
     */
    public void removeFooterView(View view) {
        if (mFooterViews.contains(view)) {
            mFooterViews.remove(view);
            notifyDataSetChanged();
        }
    }

    /**
     * 移除頭部View
     * @param view
     */
    public void removeHeaderView(View view) {
        if (mHeaderViews.contains(view)) {
            mHeaderViews.remove(view);
            notifyDataSetChanged();
        }
    }

    @Override
    public int getItemCount() {
        return mRealAdapter.getItemCount() + mHeaderViews.size() + mFooterViews.size();
    }

}
/**
 * description: 支持添加底部和頭部的 RecyclerView
 * author: Darren on 2017/9/27 10:07
 * email: 240336124@qq.com
 * version: 1.0
 */
public class WrapRecyclerView extends RecyclerView{
    // 支持添加頭部和底部的 RecyclerView.Adapter
    private WrapRecyclerAdapter mWrapAdapter;

    public WrapRecyclerView(Context context) {
        super(context);
    }

    public WrapRecyclerView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public WrapRecyclerView(Context context, @Nullable AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public void setAdapter(Adapter adapter) {
        // 這里做一個替換
        mWrapAdapter = new WrapRecyclerAdapter(adapter);
        super.setAdapter(mWrapAdapter);
    }

    /**
     * 添加頭部View
     * @param view
     */
    public void addHeaderView(View view){
        if(mWrapAdapter != null){
            mWrapAdapter.addHeaderView(view);
        }
    }

    /**
     * 添加底部View
     * @param view
     */
    public void addFooterView(View view){
        if(mWrapAdapter != null){
            mWrapAdapter.addFooterView(view);
        }
    }

    /**
     * 移除頭部View
     * @param view
     */
    public void removeHeaderView(View view){
        if(mWrapAdapter != null){
            mWrapAdapter.removeHeaderView(view);
        }
    }

    /**
     * 移除底部View
     * @param view
     */
    public void removeFooterView(View view){
        if(mWrapAdapter != null){
            mWrapAdapter.removeFooterView(view);
        }
    }
}
// 實例化頭部View
View headerView = LayoutInflater.from(this).inflate(R.layout.layout_rc_header, mRecyclerView, false);
// 設(shè)置適配器
mRecyclerView.setAdapter(new RecyclerViewAdapter());
// 添加頭部
mRecyclerView.addHeaderView(headerView);

所有分享大綱:Android進階之旅 - 系統(tǒng)架構(gòu)篇

視頻講解地址:http://pan.baidu.com/s/1nvKFHK9

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容