说一下写这个文章的原因
1.熟悉RecyclerView
2.自动加载更多,作为每个应用开发过程当中几乎必不可少的功能,了解如何实现,然后做一些封装,很有必要
分析
我们先来分析一下,什么时候需要用到加载更多的功能?自然是用户向上翻动列表,快要到所有列表项的底部,或则已经到底部的时候需要加载更多的数据,用于展示给用户(为了更好的用户体验,肯定是用户没有到最低端的时候就自动加载更多啦)。那么问题来了,怎么样能知道快要到底部,或者已经到底部了?翻查Android 文档
void addOnScrollListener (RecyclerView.OnScrollListener listener)
这个方法可以监听RecyclerView 的滚动。哈哈距离解决问题更近一步了。我们看看OnScrollListener 里面抽象方法的参数。
void
onScrollStateChanged(RecyclerView recyclerView, int newState)
Callback method to be invoked when RecyclerView's scroll state changes.
void
onScrolled(RecyclerView recyclerView, int dx, int dy)
Callback method to be invoked when the RecyclerView has been scrolled.
这没有办法获得RecyclerView 中最下面的元素是哪一个啊。要是每次滚动的时候,我们就能拿到RecyclerView
所显示的Item中最下面的那个的位置就好了。不急我们看看LinearLayoutManager的文档
int findLastVisibleItemPosition ()
Returns the adapter position of the last visible view.
This position does not include adapter changes that were dispatched after the last layout pass.
Note that, this value is not affected by layout orientation or item order traversal. (setReverseLayout(boolean)
Views are sorted by their positions in the adapter, not in the layout.
If RecyclerView has item decorators, they will be considered in calculations as well.
LayoutManager may pre-cache some views that are not necessarily visible. Those views are ignored in this method.
这个方法就是找到最后一个可见Item的位置。太好了,只要每次滚动的时候监听一下最后一个可见的Item 的位置,我们就可以决定是否架子啊更多了。
感觉我们已经准备的差不多了。
那我们开始吧
代码设计
根据上面的思路,我们设计一下代码。
1.当需要加载更多的时候,肯定需要回调啊。那好我们先定义一个回调的接口:
interface OnLoadingMore { void onLoadMore();}
2.如果正在加载的时候,用户又上下的滑动,再触发了加载更多,而上次的触发的加载还没有结束,怎么办?定义一个变量 ,如果正在加载了,还没有完成,不能再次加载。
private boolean isLoading;
3.为了提高用户的体验,我们应该设置一个用户滑到提前多少个Item的时候触发加载更多的变量。
private int visibleThreshold = 5;
4.RecyclerView 应该有两种类型的(暂且这么分吧,实际开发中可能会超过)。
@Override public int getItemViewType(int position) {
if (position == getItemCount() - 1) {
return TYPE_LOAD_MORE;
} else {
return TYPE_NORMAL;
}
}
感觉已经准备的差不多了,可以开始了
我们选择在BaseAdapter 中实现自动加载更多的功能,可以方便子类使用。
贴代码啦:
public class BaseAdapter<T> extends RecyclerView.Adapter<BaseViewHolder> {
List<T> dataSet = new ArrayList<>();
private final int TYPE_LOAD_MORE = 100;
private final int TYPE_NORMAL = 101;
private boolean isLoading;
private int visibleThreshold = 5;
OnLoadingMore loadingMore;
private boolean canLoadMore = true;
public BaseAdapter(RecyclerView recyclerView) {
//传入一个RecyclerView 下面就是监听滚动啦
recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager();
int itemCount = layoutManager.getItemCount();
int lastPosition = layoutManager.findLastVisibleItemPosition();
Log.i("lastPosition --> ", lastPosition + "");
Log.i("itemCount --> ", itemCount + " ");
//如果当前不是正在加载更多,并且到了该加载更多的位置,加载更多。
if (!isLoading && (lastPosition >= (itemCount - visibleThreshold))) {
if (canLoadMore&&loadingMore != null) {
isLoading = true;
loadingMore.onLoadMore();
}
}
}
});
}
@Override
public BaseViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view;
if (viewType == TYPE_LOAD_MORE) {
view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_load_more, parent, false);
ProgressBar progressBar = (ProgressBar) view.findViewById(R.id.pb_loading);
progressBar.setInterpolator(new AccelerateInterpolator(2));
progressBar.setIndeterminate(true);
} else {
view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_normal, parent, false);
}
return new BaseViewHolder<>(view);
}
@Override
public void onBindViewHolder(BaseViewHolder holder, int position) {
if (getItemViewType(position) == TYPE_LOAD_MORE) {
View itemView=holder.itemView;
//判定是不是可以加载更多或则正在加载
if (canLoadMore && isLoading) {
if (itemView.getVisibility() != View.VISIBLE) {
itemView.setVisibility(View.VISIBLE);
}
} else if (itemView.getVisibility() == View.VISIBLE) {
itemView.setVisibility(View.GONE);
}
} else {
TextView textView = (TextView) holder.itemView;
textView.setText(String.valueOf(position));
}
}
@Override
public int getItemCount() {
return dataSet.size() + 1;
}
//分成两种类型 1.普通的item 2.底部的Progress Bar
@Override
public int getItemViewType(int position) {
if (position == getItemCount() - 1) {
return TYPE_LOAD_MORE;
} else {
return TYPE_NORMAL;
}
}
public void setLoadingMore(OnLoadingMore loadingMore) {
this.loadingMore = loadingMore;
}
public void setLoading(boolean loading) {
isLoading = loading;
}
public void addData(T t) {
dataSet.add(t);
notifyDataSetChanged();
}
public void setCanLoadMore(boolean canLoadMore) { this.canLoadMore = canLoadMore;}
//回调接口
interface OnLoadingMore {
void onLoadMore();
}
}
对应的布局文件:
1.item_load_more: 很简单的一个ProgressBar 加上 一个TextView
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ProgressBar
android:layout_width="20dp"
android:layout_height="20dp"
android:id="@+id/pb_loading"
android:layout_toLeftOf="@+id/tv_msg" />
<TextView
android:id="@+id/tv_msg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="正在加载" />
</RelativeLayout>
2.item_normal:只是一个TextView
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="10dp"
android:paddingBottom="10dp"
android:textColor="#000">
</TextView>
效果截图:
哈哈还是挺简单的吧。有问题的可以回复我。
完整的代码请移步github