记录一下视频列表(recyclerview)上拉显示一个“加载更多”的item,然后加载数据。
效果图:
实现思路:
1.写两个item布局,一个用来展示数据,一个用来展示加载中也就是滑到最下方的时候显示的“加载更多”。
2.在adapter中写两个viewholder,对应两个xml文件。
3.adapter中重写getItemViewType用来鉴别当前item是不是最后一个,如果是最后一个则加载底部viewholder(代码有详细注释),并且写一个接受数据刷新的方法供外部调用。
4.写一个recyclerview的滑动监听,当滑动到最后一个并且停止滑动时,开始加载更多。
5.给recyclerview设置监听,实现加载更多数据的方法,获取到数据传给adapter
实现代码:
两个xml布局文件比较简单,我就不附代码了。
adpater代码
public class MyAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
Context mContext;
List<String> mList;
public MyAdapter(Context context, List<String> list) {
mContext = context;
mList = list;
}
@NonNull
@Override
public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int viewType) {
if (viewType == 0) {
//你的item
View view = LayoutInflater.from(viewGroup.getContext())
.inflate(R.layout.rv_itme_daily, viewGroup, false);
ViewHolder viewHolder = new ViewHolder(view);
return viewHolder;
} else {
//底部“加载更多”item
View view = LayoutInflater.from(viewGroup.getContext())
.inflate(R.layout.rv_item_footer, viewGroup, false);
FooterHolder footerHolder = new FooterHolder(view);
return footerHolder;
}
}
@Override
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int i) {
if (viewHolder instanceof ViewHolder) {
//你的item
//展示数据
}else if(viewHolder instanceof FooterHolder){
//底部“加载更多”item (等待动画用一个gif去实现)
Glide.with(mContext)
.load(R.mipmap.img_load)
.into(((FooterHolder) viewHolder).ivLoad);
}
}
@Override
public int getItemViewType(int position) {
if (position == mList.size()) {
//最后一个 是底部item
return 1;
} else {
return 0;
}
}
//提供给外部调用的方法 刷新数据
public void updateData(List<String> list){
//再此处理获得的数据 list为传进来的数据
//... list传进来的数据 添加到mList中
//最后记得刷新item
notifyDataSetChanged();
}
@Override
public int getItemCount() {
return mList.size() + 1;
}
//展示数据的item的 viewholder
public class ViewHolder extends RecyclerView.ViewHolder {
@BindView(R.id.jz_player)
JzvdStd jzPlayer;
@BindView(R.id.tv_title)
TextView tvTitle;
public ViewHolder(@NonNull View itemView) {
super(itemView);
ButterKnife.bind(this, itemView);
}
}
//底部"加载更多"item viewholder
public class FooterHolder extends RecyclerView.ViewHolder {
@BindView(R.id.iv_load)
ImageView ivLoad;
public FooterHolder(View itemView) {
super(itemView);
ButterKnife.bind(this, itemView);
}
}
}
EndlessRecyclerOnScrollListener代码
public abstract class EndlessRecyclerOnScrollListener extends RecyclerView.OnScrollListener {
//用来标记是否正在向上滑动
private boolean isSlidingUpward = false;
@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
super.onScrollStateChanged(recyclerView, newState);
LinearLayoutManager manager = (LinearLayoutManager) recyclerView.getLayoutManager();
// 当不滑动时
if (newState == RecyclerView.SCROLL_STATE_IDLE) {
//获取最后一个完全显示的itemPosition
int lastItemPosition = manager.findLastCompletelyVisibleItemPosition();
int itemCount = manager.getItemCount();
// 判断是否滑动到了最后一个item,并且是向上滑动
if (lastItemPosition == (itemCount - 1) && isSlidingUpward) {
//加载更多
onLoadMore();
}
}
}
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
// 大于0表示正在向上滑动,小于等于0表示停止或向下滑动
isSlidingUpward = dy > 0;
}
/**
* 加载更多回调
*/
public abstract void onLoadMore();
}
activity/fragment中给recyclerview设置监听:
recyclerview.addOnScrollListener(new EndlessRecyclerOnScrollListener() {
@Override
public void onLoadMore() {
//在这里写获取数据的逻辑
//...
//获取数据后 传入adapter中上面写的更新数据的方法
adapter.updateData(list);
}
});