Android RecyclerView自定义上拉和下拉刷新效果

时间:2021-05-20

使用RecyclerView越来越多了,基本可以不用listview了,但是这个新的控件谷歌官方似乎设计的没有想listview那样方便快捷,listview自带有headview和 footerview所有我们很方便的可以实现上拉,下拉刷新,但是我们使用recyclerview就没有那样的舒服了,需要自己动手来实现这两个模块了。

本人参考了其他几篇博客使用了下感觉都有bug存在,于是自己改进了下,基本实现了功能,由于时间原因代码封装的还不彻底,仅供参考。

首页布局:activity_notice

<?xml version="1.0" encoding="utf-8"?><android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/white" android:orientation="vertical" > <include layout="@layout/toolbar" /> <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/SwipeRefreshLayout" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <android.support.v7.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent" android:scrollbars="vertical"></android.support.v7.widget.RecyclerView> </android.support.v4.widget.SwipeRefreshLayout></android.support.design.widget.CoordinatorLayout>

子item布局:item_base

<?xml version="1.0" encoding="utf-8"?><android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="@dimen/margin_10" android:layout_marginRight="@dimen/margin_10" android:layout_marginTop="6dp" android:orientation="vertical" app:cardBackgroundColor="@color/line" app:cardPreventCornerOverlap="true" app:cardUseCompatPadding="true" app:contentPadding="6dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:id="@+id/tv_date" style="@style/NormalTextView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="2016-10-9 10:00" /> <android.support.v7.widget.CardView android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" app:cardBackgroundColor="@color/white" app:cardPreventCornerOverlap="true" app:cardUseCompatPadding="true" app:contentPadding="10dp"> <TextView android:id="@+id/tv_title" style="@style/SmallGreyTextView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:ellipsize="end" android:maxLines="2" android:text="。。。,看到这个场景。我看着她她看着我,说道:“怎么样,我当年的手工还不错吧。。。。。。。。。”" /> </android.support.v7.widget.CardView> </LinearLayout></android.support.v7.widget.CardView>

脚布局 item_foot

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="40dp" android:gravity="center" android:orientation="horizontal" android:id="@+id/ll" > <ProgressBar android:layout_marginRight="6dp" android:id="@+id/progressBar" style="?android:attr/progressBarStyleSmall" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" /> <TextView android:id="@+id/tv" style="@style/SmallGreyTextView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="@string/loading" /></LinearLayout>

toolbar

<?xml version="1.0" encoding="utf-8"?><merge xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/blueStatus" android:minHeight="?attr/actionBarSize" app:layout_scrollFlags="scroll|enterAlways" app:navigationIcon="?attr/homeAsUpIndicator" app:theme="@style/Theme.AppCompat.NoActionBar"> </android.support.v7.widget.Toolbar> </android.support.design.widget.AppBarLayout>

首页 MainActivity

package com.lxl.refresh;import android.os.Bundle;import android.os.Handler;import android.support.v4.widget.SwipeRefreshLayout;import android.support.v7.app.AppCompatActivity;import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import android.support.v7.widget.Toolbar;import android.util.Log;import android.view.View;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import butterknife.ButterKnife;import butterknife.InjectView;/** * Description: * Author:lxl * Date: 2016/10/9 10:15 */public class MainActivity extends AppCompatActivity { @InjectView(R.id.toolbar) Toolbar toolbar; @InjectView(R.id.recyclerView) RecyclerView recyclerView; @InjectView(R.id.SwipeRefreshLayout) SwipeRefreshLayout swipeRefreshLayout; boolean isSlidingToLast = false; //判断滚动状态 boolean isLoading; private List<Map<String, Object>> data = new ArrayList<>(); private RecyclerViewAdapter adapter = new RecyclerViewAdapter(this, data); private Handler handler = new Handler(); @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_notice); ButterKnife.inject(this); initView(); Map<String, Object> map = new HashMap<>(); initData(); } public void initView() { setSupportActionBar(toolbar); toolbar.setTitle(R.string.notice); toolbar.setNavigationOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { finish(); } }); swipeRefreshLayout.setColorSchemeResources(R.color.blueStatus); swipeRefreshLayout.post(new Runnable() { @Override public void run() { swipeRefreshLayout.setRefreshing(true); } }); swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { handler.postDelayed(new Runnable() { @Override public void run() { data.clear(); getData(); } }, 2000); } }); final LinearLayoutManager layoutManager = new LinearLayoutManager(this); recyclerView.setLayoutManager(layoutManager); recyclerView.setAdapter(adapter); recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrollStateChanged(RecyclerView recyclerView, int newState) { super.onScrollStateChanged(recyclerView, newState); Log.d("test", "StateChanged = " + newState); //滑动状态改变时触发有0,1,2三种状态 } @Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); if (dy > 0) { //大于0表示正在向下滚动 isSlidingToLast = true; } else { //小于等于0表示停止或向上滚动 isSlidingToLast = false; } Log.d("test", "onScrolled"); //当RecyclerView滑动时触发类似点击事件的MotionEvent.ACTION_MOVE int lastVisibleItemPosition = layoutManager.findLastVisibleItemPosition(); if (lastVisibleItemPosition + 1 == adapter.getItemCount()&& isSlidingToLast) { Log.d("test", "loading executed");//当且仅当滑动到最后一项并且手指上拉抛出时才执行 boolean isRefreshing = swipeRefreshLayout.isRefreshing(); Log.d("test", "hahh"+isRefreshing); if (isRefreshing) { //如何在下拉刷新则隐藏脚布局并且返回 adapter.notifyItemRemoved(adapter.getItemCount()); return; } if (!isLoading) { isLoading = true; handler.postDelayed(new Runnable() { @Override public void run() { getData(); //延时执行加载 Log.d("test", "load more completed"); isLoading = false; } }, 1000); } } } }); //添加点击事件 adapter.setOnItemClickListener(new RecyclerViewAdapter.OnItemClickListener() { @Override public void onItemClick(View view, int position) { Log.d("test", "item position = " + position); } @Override public void onItemLongClick(View view, int position) { } }); } public void initData() { //第一次进来的时候加载数据 handler.postDelayed(new Runnable() { @Override public void run() { getData(); } }, 1500); } /** * 获取测试数据 */ private void getData() { for (int i = 0; i < 6; i++) { //每次加载六条数据 Map<String, Object> map = new HashMap<>(); data.add(map); } adapter.notifyDataSetChanged(); swipeRefreshLayout.setRefreshing(false); //加载数据后收起下拉刷新 Log.d("test", adapter.getItemCount()+"");// adapter.notifyItemRemoved(adapter.getItemCount()); //加载数据后上拉刷新的脚布局移除掉// adapter.footerHolder.ll.setVisibility(View.GONE); //加载数据后上拉刷新的脚布局隐藏掉 adapter.setmCreateViewHolder(new RecyclerViewAdapter.onHolderCreate() { @Override public void created() { if (isSlidingToLast==false){ adapter.footerHolder.ll.setVisibility(View.GONE); }else{ adapter.footerHolder.ll.setVisibility(View.VISIBLE); } } }); }}

在第106行中通过这三个条件判断就可以下拉刷新的执行。
RecyclerView的适配器:RecyclerViewAdapter

package com.lxl.refresh;import android.content.Context;import android.support.v7.widget.RecyclerView.Adapter;import android.support.v7.widget.RecyclerView.ViewHolder;import android.util.Log;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.LinearLayout;import android.widget.ProgressBar;import android.widget.TextView;import java.util.List;public class RecyclerViewAdapter extends Adapter<ViewHolder> { private static final int TYPE_ITEM = 0; private static final int TYPE_FOOTER = 1; private Context context; private List data; protected FootViewHolder footerHolder; public RecyclerViewAdapter(Context context, List data) { this.context = context; this.data = data; } //------------------------------------- public interface onHolderCreate{ //定义一个viewholder回调接口 void created(); } public onHolderCreate getmCreateViewHolder() { return mCreateViewHolder; } public void setmCreateViewHolder(onHolderCreate mCreateViewHolder) { this.mCreateViewHolder = mCreateViewHolder; } private onHolderCreate mCreateViewHolder; //------------------------------------- public interface OnItemClickListener { void onItemClick(View view, int position); void onItemLongClick(View view, int position); } private OnItemClickListener onItemClickListener; public void setOnItemClickListener(OnItemClickListener onItemClickListener) { this.onItemClickListener = onItemClickListener; } @Override public int getItemCount() { return data.size() == 0 ? 0 : data.size() + 1; //添加脚布局 } @Override public int getItemViewType(int position) { if (position + 1 == getItemCount()) { return TYPE_FOOTER; //脚布局 } else { return TYPE_ITEM; //普通item } } @Override public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { if (viewType == TYPE_ITEM) { //创建普通类型的item布局 View view = LayoutInflater.from(context).inflate(R.layout.item_base, parent, false); Log.d("test", "创建普通类型的item布局"); return new ItemViewHolder(view); } else if (viewType == TYPE_FOOTER) { //创建脚布局类型的item布局 View view = LayoutInflater.from(context).inflate(R.layout.item_foot, parent, false); footerHolder=new FootViewHolder(view); Log.d("test", "创建脚布局类型的item布局"); return footerHolder; } return null; } @Override public void onBindViewHolder(final ViewHolder holder, int position) { //在onCreateViewHolder执行完成后回调 if (holder instanceof FootViewHolder){ if (mCreateViewHolder!=null){ mCreateViewHolder.created(); } } if (holder instanceof ItemViewHolder) { //holder.tv.setText(data.get(position)); if (onItemClickListener != null) { holder.itemView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int position = holder.getLayoutPosition(); onItemClickListener.onItemClick(holder.itemView, position); } }); holder.itemView.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View v) { int position = holder.getLayoutPosition(); onItemClickListener.onItemLongClick(holder.itemView, position); return false; } }); } } } static class ItemViewHolder extends ViewHolder { TextView tv; public ItemViewHolder(View view) { super(view); tv = (TextView) view.findViewById(R.id.tv_date); } } class FootViewHolder extends ViewHolder { LinearLayout ll; ProgressBar pb; TextView tv; public FootViewHolder(View view) { super(view); ll=(LinearLayout) view.findViewById(R.id.ll); pb=(ProgressBar) view.findViewById(R.id.progressBar); tv=(TextView) view.findViewById(R.id.tv); } }}

在第30行定义一个借口用来通知下拉刷新后隐藏脚布局,主要在onCreateViewHolder执行完成后回调。

看看效果图

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章