采用SwipeFreshLayout+Recyclerview实现下拉刷新和上拉加载更多

最新推荐文章于 2024-05-27 09:44:45 发布
最新推荐文章于 2024-05-27 09:44:45 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： Util类 
 之前都是采用PullToRefresh进行下拉刷新和下拉加载，现在采用谷歌自己的控件SwipeFreshLayout，配合Recyclerview来实现这一效果。使用SwipeRefreshLayout可以实现下拉刷新，前提是布局里需要包裹一个可以滑动的子控件，可以是ListView或者Recyclerview，这里我们采用后者，然后在代码里设置OnRefreshListener设置监听，最后在监听里设置刷新时的数据获取就可以了。

SwipeRefreshLayout主要方法介绍
SwipeRefreshLayout只能有一个孩子

  • isRefreshing()
    判断当前的状态是否是刷新状态。
  • setColorSchemeResources(int… colorResIds)
    设置下拉进度条的颜色主题，参数为可变参数，并且是资源id，可以设置多种不同的颜色，每转一圈就显示一种颜色。
  • setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener)
    设置监听，需要重写onRefresh()方法，顶部下拉时会调用这个方法，在里面实现请求数据的逻辑，设置下拉进度条消失等等。
  • setProgressBackgroundColorSchemeResource(int colorRes)
    设置下拉进度条的背景颜色，默认白色。
  • setRefreshing(boolean refreshing)
    设置刷新状态，true表示正在刷新，false表示取消刷新。

1.添加build.gradle依赖

compile 'com.android.support:recyclerview-v7:25.0.0'
compile 'com.android.support:cardview-v7:25.3.1'
compile 'com.android.support:design:25.3.1'

2.设置app主题

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:theme="@style/Theme.AppCompat.Light.NoActionBar">
    <activity android:name=".MainActivity">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

3.MainActiviy

public class MainActivity extends AppCompatActivity {

    private SwipeRefreshLayout swipeRefreshLayout;
    private RecyclerView recyclerView;
    private List<String> data = new ArrayList<>();
    public boolean isLoading;
    private RefreshRecyclerAdapter adapter = new RefreshRecyclerAdapter(this, data);
    private Handler handler = new Handler();
    private Toolbar toolbar;
    int topcount = 1;
    int footcount = 1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.SwipeRefreshLayout);
        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        toolbar = (Toolbar) findViewById(R.id.toolbar);

        setSupportActionBar(toolbar);
        toolbar.setTitle(R.string.notice);
        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
            }
        });
        initData();
        initView();


    }

    private void initView() {

        //设置加载进度的颜色变化值
        swipeRefreshLayout.setColorSchemeResources(R.color.blueStatus,R.color.colorAccent, R.color.colorPrimary, R.color.colorPrimaryDark);
        //设置一进入开始刷新
        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() {
                        addTopNewData();
                    }
                }, 2000);
            }
        });
        final LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        recyclerView.setLayoutManager(layoutManager);
        recyclerView.setAdapter(adapter);
        //通过recyclerView的onscrolllistener的监听来实现上拉加载更多的功能
        recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
            //滚动的三种状态包括SCROLL_STATE_IDEL 离开状态 SCROLL_STATE_DRAGGING 手指触摸 SCROLL_STATE_SETLING 加速滑动的时候
            @Override
            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
                super.onScrollStateChanged(recyclerView, newState);
                Log.d("test", "StateChanged = " + newState);


            }

            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                Log.d("test", "onScrolled");
                 // 获取最后一个可见条目
                int lastVisibleItemPosition = layoutManager.findLastVisibleItemPosition();
                if (lastVisibleItemPosition + 1 == adapter.getItemCount()) {
                    Log.d("test", "loading executed");
                    //获取刷新状态
                    boolean isRefreshing = swipeRefreshLayout.isRefreshing();
                    if (isRefreshing) {
                        adapter.notifyItemRemoved(adapter.getItemCount());
                        return;
                    }
                    if (!isLoading) {
                        isLoading = true;
                        handler.postDelayed(new Runnable() {
                            @Override
                            public void run() {
                                addNewData();
                                Log.d("test", "load more completed");
                                isLoading = false;
                            }
                        }, 1000);
                    }
                }
            }
        });

        //添加点击事件
        adapter.setOnItemClickListener(new RefreshRecyclerAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(View view, int position) {
                Log.d("test", "item position = " + position);
            }

            @Override
            public void onItemLongClick(View view, int position) {

            }
        });
    }

    /**
     * 下拉加载更多
     */
    private void addTopNewData() {

        for (int i = topcount; i < topcount +6; i++) {
            data.add(0,"下拉加载的第"+i+"条数据");

        }
        topcount += 6;
        adapter.notifyDataSetChanged();
        swipeRefreshLayout.setRefreshing(false);
    }


    public void initData() {
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                getData();
            }
        }, 1500);

    }

    /**
     * 获取测试数据
     */
    private void getData() {
        for (int i =0; i <10; i++) {
            data.add(i,"第"+i+"条数据");
        }
        adapter.notifyDataSetChanged();
        swipeRefreshLayout.setRefreshing(false);
       // adapter.notifyItemRemoved(adapter.getItemCount());
    }

    /**
     * 上拉加载更多
     */
    public void addNewData() {

        for (int i = footcount; i < footcount+ 6; i++) {
            data.add(data.size(),"上拉加载的第"+i+"条数据");
        }
        footcount += 6;
        adapter.notifyDataSetChanged();
        swipeRefreshLayout.setRefreshing(false);
        //adapter.notifyItemRemoved(adapter.getItemCount());
    }

}

4.RefreshRecyclerAdapter

public class RefreshRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private static final int TYPE_ITEM = 0;
    private static final int TYPE_FOOTER = 1;//上拉加载更多布局
    private Context context;
    private List data;

    public RefreshRecyclerAdapter(Context context, List data) {
        this.context = context;
        this.data = data;
    }

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

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == TYPE_ITEM) {
            View view = LayoutInflater.from(context).inflate(R.layout.item_base, parent,
                    false);
            return new ItemViewHolder(view);
        } else if (viewType == TYPE_FOOTER) {
            View view = LayoutInflater.from(context).inflate(R.layout.view_footer, parent,
                    false);
            return new FootViewHolder(view);
        }
        return null;
    }

    @Override
    public void onBindViewHolder(final RecyclerView.ViewHolder holder, int position) {
        if (holder instanceof ItemViewHolder) {
            ((ItemViewHolder) holder).tv.setText((CharSequence) 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 RecyclerView.ViewHolder {

        TextView tv;

        public ItemViewHolder(View view) {
            super(view);
            tv = (TextView) view.findViewById(R.id.tv_date);
        }
    }

    static class FootViewHolder extends RecyclerView.ViewHolder {

        public FootViewHolder(View view) {
            super(view);
        }
    }
}

5.布局文件
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>

</merge>

MainActivity布局文件

<?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_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="10dp"
    android:layout_marginRight="10dp"

    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"

            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2015-12-11 12: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"

                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:ellipsize="end"
                android:maxLines="2"
                android:text="swipefreshlayout测试使用通过。。通过。。通过。" />

        </android.support.v7.widget.CardView>
    </LinearLayout>

</android.support.v7.widget.CardView>

viewFooter布局

<?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="50dp">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50dp">


        <ProgressBar
            android:id="@+id/load_progress"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:layout_centerVertical="true"
            android:layout_marginLeft="30dp"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="正在努力加载中..."
            android:textColor="@android:color/holo_red_dark"
            android:textSize="15sp"/>

    </RelativeLayout>

</RelativeLayout>

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
    <color name="blueText">#1485C6</color>
    <color name="blueIndexStatus">#67A5EF</color>
    <color name="blueStatus">#1680E2</color>

    <color name="white">#FFFFFFFF</color>
    <color name="dark">#424242</color>
    <color name="red">#FFD4212A</color>
    <color name="grey">#8C8C8C</color>
    <color name="line">#EEEEEE</color>
    <color name="background">#F9F9FA</color>

    <color name="greyBackground">#FFCFCFCF</color>

</resources>
旧风
关注
专栏目录
实现上拉加载，下拉刷新。通过SwipeRefreshLayout+RecyclerView
faskjj的博客
04-29 2383
SwipeRefreshLayout SwipeRefreshLayout是一个下拉刷新的控件。并且提供了一些方法： （1）setOnRefreshListener(OnRefreshListener): 为布局添加一个Listener，就是那个下拉的监听，方法里面就是实现发生了下拉后要做什么的操作。 （2）setRefreshing(boolean): 显示或隐藏刷新进度条 （3）is...
RecycleView + SwipeRefreshLayout 实现下拉刷新
wuyinlei的博客
11-12 4417
1、RecycleView的三种布局方式的展示（瀑布流，水平排版、GridView） 2、SwipeRefreshLayout实现下拉刷新 3、自带删除、增加动画效果
SwipeRefreshLayout+RecyclerView实现上拉刷新和下拉刷新功能
08-26
主要介绍了SwipeRefreshLayout+RecyclerView实现上拉刷新和下拉刷新功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
SwipeRefreshLayout + RecyclerView 实现 上拉刷新 和 下拉刷新
热门推荐
dalancon的专栏
05-28 13万+
SwipeRefreshLayout 是谷歌公司推出的用于下拉刷新的控件，SwipeRefreshLayout已经被放到了sdk中，在Version 19.1之后SwipeRefreshLayout 被放到support v4中。 源码在SDK\sdk\extras\android\support\v4\src\java\android\support\v4\widget\SwipeRe
SwipeRefreshLayout+RecycleView实现下拉刷新上拉加载
SongCongCong_scc
10-26 405
在MainActivity.Java中得到控件 swipeRefreshLayout = view.findViewById(R.id.swipe); recyclerView = view.findViewById(R.id.recy); //上拉刷新 swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLa
Android SwipeRefreshLayout+RecyclerView实现下拉刷新和上拉加载
wq892373445的博客
05-10 2012
一、SwipeRefreshLayout简介 SwipeRefreshLayout作为谷歌官方推荐的下拉刷新控件，在实际开发中，经常都会遇到下拉刷新、上拉加载更多的情形。，该控件集成自ViewGroup在support-v4兼容包下。 SwipeRefrshLayout常用的几个方法如下： isRefreshing()：判断当前的状态是否是刷新状态。 setColorSchemeResources(int… colorResIds)：设置下拉进度条的颜色主题，参数为可变参数，并且是资源id，可以设置多种不
RecyclerView SwipeRefreshLayout 下拉刷新 上拉加载
03-24
RecyclerView SwipeRefreshLayout 下拉刷新 上拉加载
SwipeRefreshLayout+Recyclerview实现下拉刷新和上拉自动加载
12-14
在Android开发中，为了提供优秀的用户体验，经常需要在列表视图中实现下拉刷新和上拉加载更多功能。`SwipeRefreshLayout` 和 `RecyclerView` 是Android SDK提供的两个关键组件，它们结合使用可以轻松实现这一需求。...
Kotlin-Android开发之MVP模式+OkHttp3+RecyclerView下拉刷新和上拉加载更多框架封装代码
01-17
通过这个项目，开发者可以学习到如何在Android应用中有效地组织代码结构，利用MVP模式提升代码质量，使用OkHttp3进行网络请求，以及如何优化用户界面，实现RecyclerView的下拉刷新和上拉加载更多功能。这个框架封装...
Android RecyclerView实现下拉刷新和上拉加载更多
08-31
为了提供更好的用户体验，我们通常会在RecyclerView中实现下拉刷新和上拉加载更多的功能。以下是如何在Android中使用RecyclerView实现这两个功能的详细步骤。 首先，下拉刷新功能通常使用Android官方提供的...
SwipeRefreshLayout配合RecyclerView实现下拉刷新和上拉加载更多的Demo源码
01-26
SwipeRefreshLayout配合RecyclerView实现下拉刷新和上拉加载更多以及没有数据的显示这个demo的源码，详情请参看：http://blog.csdn.net/lovexieyuan520/article/details/50589412
SwipeRefreshLayout + RecyclerView+RecyclerView.Adapter 实现 上拉刷新 和 下拉刷新
04-15
http://blog.csdn.net/qq375189768/article/details/51087937 该博客案例的源代码
SwipeRefreshLayout、RecyclerView实现上下拉刷新
06-23
material design 自带上下拉刷新控件以及配合RecyclerView实现列表
swipeRefreshLayout下拉与recyclerView 上拉
03-19
swipeRefreshLayout下拉与recyclerView 上拉 recyclerView主要想实现listview功能的上拉下拉功能，后面再更新，谢谢大家。
结合SwipeRefreshLayout可以上拉加载更多下拉刷新的RecyclerView
10-23
结合SwipeRefreshLayout可以上拉加载更多下拉刷新的RecyclerView
SwipeRefreshLayout+RecyclerView 完成下拉刷新,上拉加载更多的自定义控件
12-06
在Android开发中，`SwipeRefreshLayout`和`RecyclerView`是两个非常重要的组件，它们结合使用能够实现用户界面的下拉刷新和上拉加载更多功能。这两个组件在安卓5.0及更高版本中得到了广泛的应用，极大地提升了用户...
Android RecyclerView实现下拉刷新和上拉加载
09-02
总的来说，Android RecyclerView的下拉刷新和上拉加载是提高用户体验的重要功能，开发者可以根据项目的具体需求选择合适的方法实现。无论是自定义实现还是借助第三方库，都需要关注性能和用户体验，确保功能的稳定性...
【项目FJU】使用SwipeRefreshLayout+RecyclerView制作下拉刷新上拉加载更多
It一zhai男
03-30 393
效果截图 https://github.com/ydslib/Jianshu/tree/develop 需要用到的知识 setColorSchemeResources：设置下拉刷新进度条的颜色 setOnRefreshListener：设置下拉刷新监听 android:overScrollMode：设置滑动到边缘时无效果模式 ContentLoadingProgressBar：内容加载进度条，继...
使用SwipeRefreshLayout与RecyclerView打造仿简书Android应用体验
最新发布
gitblog_00027的博客
05-27 350
使用SwipeRefreshLayout与RecyclerView打造仿简书Android应用体验 项目地址:https://gitcode.com/VeerHan/RecyclerRefresh 项目介绍 在当前的移动应用开发中，遵循平台特定的设计规范至关重要。这个开源项目旨在帮助开发者将Android 5.x的原生控件应用到他们的应用程序中，特别是在实现列表滚动功能时，采用RecyclerVi...
Android SwipeRefreshLayout+RecyclerView实现下拉刷新、上拉加载
"本文主要介绍如何在Android应用中实现自定义的下拉刷新和上拉加载功能，采用SwipeRefreshLayout与RecyclerView相结合的方式。通过这种方式，可以为用户带来流畅的滚动体验和动态的刷新效果。" 在Android开发中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值