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);