前言
在我們的App中，經常會存在各種列表，在RecyclerView之前，往往我們會使用ListView來做。然后再用其他的下拉刷新控件，而從Google提供SwipeRefreshLayout和RecyclerView之后，我們往往會采取二者相結合的方式來做列表顯示和下拉刷新，至于有點我就不在這里一一列舉，總之方便很多。我在前一篇博客中提到過如何的去搭建一個列表刷新框架，具體的來講我們需要考慮到一下幾點：
1.是否可以將SwipeRefreshLayout和RecyclerView進行綁定，并對外提供下拉刷新和上拉加載的回調接口
2.是否可以添加頭布局和腳部局
3.缺省頁如何加，如何更好的控制
4.如何去簡化Adapter,對子類提供部分抽象方法
5.如何減少分頁邏輯代碼，刷新數據分為全局刷新和局部刷新等等
............
廢話少說，下面我們具體的來分析一下：
PullLoadMoreRecyclerView.java
package main.ui.com.pullrefreshlayout;
import android.content.Context;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.widget.LinearLayout;
/** * Author：${luomingjun}
* 時間：2016/2/29 09:53
* 帶下拉刷新 上拉加載更多
*/
public class PullLoadMoreRecyclerView extends LinearLayout {
private RecyclerView mRecyclerView; //RecyclerView
private PullRefreshLayout mSwipeRefreshLayout; // SwipeRefreshLaout
private PullLoadMoreListener mPullLoadMoreListener;//加載更多 下拉刷新回調監聽
private boolean hasMore = true;
private boolean isRefresh = false;
private boolean isLoadMore = false;
private LinearLayout mFooterView;
private Context mContext;
public PullLoadMoreRecyclerView(Context context) {
super(context);
initView(context);
}
public PullLoadMoreRecyclerView(Context context, AttributeSet attrs) {
super(context, attrs);
initView(context);
}
private void initView(Context context) {
mContext = context;
View view = LayoutInflater.from(context).inflate(R.layout.pull_loadmore_layout, null);
mSwipeRefreshLayout = (PullRefreshLayout) view.findViewById(R.id.swipeRefreshLayout); mSwipeRefreshLayout.setColorSchemeResources(R.color.bg_color_009bff);
mSwipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayoutOnRefresh(this));
mRecyclerView = (RecyclerView) view.findViewById(R.id.recycler_view);
mRecyclerView.setVerticalScrollBarEnabled(true);
mRecy clerView.setHasFixedSize(true);
mRecyclerView.setItemAnimator(new DefaultItemAnimator());
mRecyclerView.setOnScrollListener(new RecyclerViewOnScroll(this));
mRecyclerView.setOnTouchListener(
new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
return isRefresh;
}
}
);
/*** 腳布局 ***/
mFooterView = (LinearLayout)view.findViewById(R.id.footer_linearlayout);
mFooterView.setVisibility(View.GONE);
this.addView(view);
}
/**
* LinearLayoutManager
*/
public void setLinearLayout() {
LinearLayoutManagerWrapper linearLayoutManager = new LinearLayoutManagerWrapper(mContext);
linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
mRecyclerView.setLayoutManager(linearLayoutManager);
}
/**
* GridLayoutManager
*/
public void setGridLayout(int spanCount) {
GridLayoutManager gridLayoutManager = new GridLayoutManager(mContext, spanCount);
gridLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
mRecyclerView.setLayoutManager(gridLayoutManager);
}
/**
* StaggeredGridLayoutManager
*/
public void setStaggeredGridLayout(int spanCount) {
StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(spanCount, LinearLayoutManager.VERTICAL);
mRecyclerView.setLayoutManager(staggeredGridLayoutManager);
}
/**
* addItemDecoration 定制分割線
*/
public void addItemDecoration(int drawble) {
mRecyclerView.addItemDecoration(new DividerItemDecoration(getContext(), LinearLayoutManager.VERTICAL,drawble));
}
public void setPullRefreshEnable(boolean enable) {
mSwipeRefreshLayout.setEnabled(enable);
}
public boolean getPullRefreshEnable() {
return mSwipeRefreshLayout.isEnabled();
}
/**
* 得到LayoutManager
* * @return LayoutManager
*/
public RecyclerView.LayoutManager getLayoutManager() {
return mRecyclerView.getLayoutManager();
}
/**
* @return RecyclerView
*/
public RecyclerView getRecyclerView() {
return mRecyclerView;
}
/**
* @return SwipeRefreshLayout
*/
public SwipeRefreshLayout getSwipeRefreshLayout() {
return mSwipeRefreshLayout;
}
/**
* 設置加載更多
*/
public void loadMore() {
if (mPullLoadMoreListener != null && hasMore) {
mFooterView.setVisibility(View.VISIBLE);
mPullLoadMoreListener.onLoadMore();
}
}
/**
* 設置加載完成
*/
public void setPullLoadMoreCompleted() {
isRefresh = false;
mSetRefreshing(false);
isLoadMore = false;
mFooterView.setVisibility(View.GONE);
}
/**
* 設置刷新完成
*/
public void mSetRefreshing(final boolean isRefreshing) {
isRefresh = false;
mSwipeRefreshLayout.post(new Runnable() {
@Override
public void run() {
mSwipeRefreshLayout.setRefreshing(isRefreshing);
}
});
}
/**
* 上拉加載更多 下拉刷新的回調
*/
public void setOnPullLoadMoreListener(PullLoadMoreListener listener) {
mPullLoadMoreListener = listener;
}
/**
* 設置下拉刷新
*/
public void refresh() {
mRecyclerView.setVisibility(View.VISIBLE);
if (mPullLoadMoreListener != null) {
mPullLoadMoreListener.onRefresh();
}
}
/**
* 滾動到頂部
*/
public void scrollToTop() {
mRecyclerView.scrollToPosition(0);
}
/**
* 設置適配器
*
* @param adapter adpater
*/
public void setAdapter(RecyclerView.Adapter adapter) {
if (adapter != null) {
mRecyclerView.setAdapter(adapter);
}
}
/**
* 設置下拉刷新
*/
public void setmRefreshLayout(boolean isRefresh) {
mSwipeRefreshLayout.setIsRefresh(isRefresh);
}
/**
* 是否上拉加載更多
* * @return
*/
public boolean isLoadMore() {
return isLoadMore;
}
/**
* 設置上拉加載更多的狀態
* * @return
*/
public void setIsLoadMore(boolean isLoadMore) {
this.isLoadMore = isLoadMore;
}
/**
* 是否下拉刷新
* * @return
*/
public boolean isRefresh() {
return isRefresh;
}
/**
* 設置下拉刷新的狀態
* * @return
*/
public void setIsRefresh(boolean isRefresh) {
this.isRefresh = isRefresh;
}
/**
* 是否還有很多
* * @return
*/
public boolean isHasMore() {
return hasMore;
}
/**
* 設置更多狀態
*
* @param hasMore
*/
public void setHasMore(boolean hasMore) {
this.hasMore = hasMore;
}
/**
* 滑動到指定的postion
* @param position
*/
public void smoothToPosition(int position) {
mRecyclerView.smoothScrollToPosition(position);
}
}
如上：我們已經了解了SwipeRefreshLayout和RecyclerView的結合使用，自定義了一個LinearLayout，接下來我們繼續來看我們的BaseRecyclerAdapter。
package main.ui.com.pullrefreshlayout;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.View;
import android.view.ViewGroup;
import java.util.ArrayList;
import java.util.List;
/** * Author：${luomingjun}
* 時間：2016/2/29 13:18
* 自定義的BaseRecyclerAdapter
* 1.主要封裝了添加header
* 2.提供了點擊事件 不用在每個adapter里面再次去寫點擊事件（RecyclerView中點擊事件必須實現接口）
* 3. 提供添加數據的兩個函數方法 addReDatas(ArrayList<T> datas) addReDatas(ArrayList<T> mDatas, int index, int count)
* 第一個函數 可以使用在不用分頁或者加載第一頁數據時候使用 它自帶刷新列表 第二個方法適合在分頁時候 使用 具體參數看注釋
*/
public abstract class BaseRecyclerAdapter<T> extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
public static final int TYPE_HEADER = 0;
public static final int TYPE_NORMAL = 1;
private List<T> mDatas = new ArrayList<>(); //數據源
private View mHeaderView;
private OnItemClickListener mListener;
/***
*設置點擊Item點擊事件
*/
public void setOnItemClickListener(OnItemClickListener li) {
mListener = li;
}
//添加頭（在item為0出插入頭）
public void setHeaderView(View headerView) {
mHeaderView = headerView;
notifyItemInserted(0);
}
/**
* 獲得頭部HeaderView
* @return View
*/
public View getHeaderView() {
return mHeaderView;
}
/**
* 獲得數據源
* @return mDatas
*/
public List<T> getListData() {
return mDatas;
}
@Override
public int getItemViewType(int position) {
if (mHeaderView == null)
return TYPE_NORMAL;
if (position == 0)
return TYPE_HEADER;
return TYPE_NORMAL;
}
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, final int viewType) {
if (mHeaderView != null && viewType == TYPE_HEADER)
return new Holder(mHeaderView);
return onCreate(parent, viewType);
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) {
if (getItemViewType(position) == TYPE_HEADER) return;
final int pos = getRealPosition(viewHolder);
final T data = mDatas.get(pos);
onBind(viewHolder, pos, data);
if (mListener != null) {
viewHolder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mListener.onItemClick(pos, data);
}
});
}
}
@Override
public void onAttachedToRecyclerView(RecyclerView recyclerView) {
super.onAttachedToRecyclerView(recyclerView);
RecyclerView.LayoutManager manager = recyclerView.getLayoutManager();
if (manager instanceof GridLayoutManager) {
final GridLayoutManager gridManager = ((GridLayoutManager) manager);
gridManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
return getItemViewType(position) == TYPE_HEADER ? gridManager.getSpanCount() : 1;
} });
}
}
@Override
public void onViewAttachedToWindow(RecyclerView.ViewHolder holder) {
super.onViewAttachedToWindow(holder);
ViewGroup.LayoutParams lp = holder.itemView.getLayoutParams();
if (lp != null && lp instanceof StaggeredGridLayoutManager.LayoutParams && holder.getLayoutPosition() == 0) {
StaggeredGridLayoutManager.LayoutParams p = (StaggeredGridLayoutManager.LayoutParams) lp;
p.setFullSpan(true);
}
}
//獲得真是的Position
public int getRealPosition(RecyclerView.ViewHolder holder) {
int position = holder.getLayoutPosition();
return mHeaderView == null ? position : position - 1;
}
@Override
public int getItemCount() {
return mHeaderView == null ? mDatas.size() : mDatas.size() + 1;
}
public abstract RecyclerView.ViewHolder onCreate(ViewGroup parent, final int viewType);
public abstract void onBind(RecyclerView.ViewHolder viewHolder, int RealPosition, T data);
public class Holder extends RecyclerView.ViewHolder {
public Holder(View itemView) {
super(itemView);
}
}
/**
* 是否顯示缺省頁
* * @return
*/
public boolean blnDataBind() {
if (mDatas != null && mDatas.size() > 0) {
return false;
} else {
return true;
}
}
/**
* @param datas 數據源
*/
public void addReDatas(List<T> datas) {
mDatas.clear();
mDatas.addAll(datas);
notifyDataSetChanged();
}
public void addDatas(List<T> datas) {
mDatas = datas;
notifyDataSetChanged();
}
/**
* 插入數據 局部刷新
* @param data 數據源
* @param pageCount 每頁條數
*/
public void addReDatas(List<T> data, int pageCount) {
mDatas.addAll(data);
this.notifyItemRangeChanged(mDatas.size() - pageCount, pageCount);
}
}
在使用以上Adpater時候，需要注意以上的mDatas 才是真正的數據源，這樣做的原因是為了簡化分頁時候的邏輯，往往我們在做分頁時候，需要判斷當前頁，對數據源操作等等，而這里便不用，只需要分兩種情況考慮，第一種就是刷新時候或者第一頁時候，第二種就是分頁數據，同樣它解決了添加頭的問題，直接將View插入positon為0的位置，RecyclerView的item點擊事件等等。
下面我們來看在MainActivity中的使用：
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/layout_distribution_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipToPadding="true"
android:fitsSystemWindows="true"
android:orientation="vertical">
<RelativeLayout
android:id="@+id/rl_report_main"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/bg_color_fafafa"
>
<main.ui.com.pullrefreshlayout.PullLoadMoreRecyclerView
android:id="@+id/pullLoadMoreRecyclerView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
<!-- 缺省頁 -->
<include
layout="@layout/not_data_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
/>
</RelativeLayout>
</RelativeLayout>
MainActivity.java
package main.ui.com.pullrefreshlayout;
import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity implements PullLoadMoreListener {
private PullLoadMoreRecyclerView pullLoadMoreRecyclerView;
private DataAdapter adapter;
private List<DataEntity> data=new ArrayList<>();
private static int page=1;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
pullLoadMoreRecyclerView = (PullLoadMoreRecyclerView) findViewById(R.id.pullLoadMoreRecyclerView);
View view = LayoutInflater.from(this).inflate(R.layout.distribution_revenue_head, null);
pullLoadMoreRecyclerView.setLinearLayout();
pullLoadMoreRecyclerView.setmRefreshLayout(false);
adapter=new DataAdapter();
adapter.setHeaderView(view);
pullLoadMoreRecyclerView.setAdapter(adapter);
pullLoadMoreRecyclerView.setOnPullLoadMoreListener(this);
}
@Override
public void onRefresh() {
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
page=1;
data.clear();
for (int i = 0; i < 10; i++) {
DataEntity dataEntity = new DataEntity();
dataEntity.data = "測試" + i;
data.add(dataEntity);
}
adapter.addDatas(data);
pullLoadMoreRecyclerView.setPullLoadMoreCompleted();
}
}, 2000);
}
@Override
public void onLoadMore() {
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
page++;
for (int i = data.size(); i < 10 * page; i++) {
DataEntity dataEntity = new DataEntity();
dataEntity.data = "測試" + i;
data.add(dataEntity);
}
adapter.addReDatas(data, page);
pullLoadMoreRecyclerView.setPullLoadMoreCompleted();
}
},
2000);
}
}
我這里是模擬數據，所以寫的比較亂，建議在UI界面里面不要做數據源，直接用addReDatas（）方法和addDatas（）方法進行數據在Adapter顯示，另外在這里需要注意在用這部分代碼時候，如果出現下拉刷新時候，動畫出現懸停的情況，請檢查工程是否依賴了v4jar包，以上為部分核心代碼，注釋沒加太多，有問題在底部留言。
源碼傳送門：http://pan.baidu.com/s/1kV6kzVD 提取碼：engu
