icode icode
首页
  • Android学习

    • 📁基础内容
    • 📺AndroidCore
    • 🎨Android-UI
    • 🏖️Components
    • 📊Fragment
    • 🔗网络操作
    • 🔏异步机制
    • 📦数据存储
    • 🗃️Gradle
  • 学习笔记

    • 『框架』笔记
    • 『Kotlin』笔记
    • 《Vue》笔记
    • 《Git》学习笔记
    • 『Bug踩坑记录』
  • ListView
  • RecyclerView
  • ViewPager
  • Java笔记

    • 🟠JavaSE
    • 🟢JavaWeb
    • 🔴JavaEE
    • ⚪JavaTopic
    • 🍳设计模式
  • 计算机基础

    • 📌计算机网络
    • 🔍数据结构
    • 📦数据库
    • 💻OS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
  • 关于

    • 📫关于我
  • 收藏

    • 网站
    • 资源
    • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

iqqcode

保持对技术的探索实践与热爱
首页
  • Android学习

    • 📁基础内容
    • 📺AndroidCore
    • 🎨Android-UI
    • 🏖️Components
    • 📊Fragment
    • 🔗网络操作
    • 🔏异步机制
    • 📦数据存储
    • 🗃️Gradle
  • 学习笔记

    • 『框架』笔记
    • 『Kotlin』笔记
    • 《Vue》笔记
    • 《Git》学习笔记
    • 『Bug踩坑记录』
  • ListView
  • RecyclerView
  • ViewPager
  • Java笔记

    • 🟠JavaSE
    • 🟢JavaWeb
    • 🔴JavaEE
    • ⚪JavaTopic
    • 🍳设计模式
  • 计算机基础

    • 📌计算机网络
    • 🔍数据结构
    • 📦数据库
    • 💻OS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
  • 关于

    • 📫关于我
  • 收藏

    • 网站
    • 资源
    • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • ListView

  • RecyclerView

    • RecyclerView初识
    • item的点击事件
    • SwipeRefreshLayout下拉刷新
      • SwipeRefreshLayout用法
    • RecyclerView下拉刷新和上拉加载更多
    • 解决SwipeRefreshLayout和RecyclerView时滑动冲突
    • RecyclerView缓存复用机制
  • ViewPager

  • Component
  • RecyclerView
iqqcode
2022-03-13
目录

SwipeRefreshLayout下拉刷新

# SwipeRefreshLayout用法

recycler_refresh

SwipeRefreshLayout本身继承与ViewGroup。所以只需要将他像一般的ViewGroup一样用就好了

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <androidx.swiperefreshlayout.widget.SwipeRefreshLayout
        android:id="@+id/swipeLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recycler_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#ced6e0" />
    </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

</LinearLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

在onCreate()中调用pullRefresh()

private void pullRefresh() {
    // 设置手指在屏幕下拉多少距离会触发下拉刷新
    mSwipeLayout.setDistanceToTriggerSync(300);
    // 设定下拉圆圈的背景
    mSwipeLayout.setProgressBackgroundColorSchemeColor(Color.WHITE);
    // 设定下拉圆圈的背景
    mSwipeLayout.setSize(SwipeRefreshLayout.LARGE); // 设置圆圈的大小
    //设置下拉刷新的监听
    mSwipeLayout.setOnRefreshListener(MainActivity.this);
}
1
2
3
4
5
6
7
8
9
10

实现onRefresh()方法

/**
 * 当下拉刷新后触发
 */
@Override
public void onRefresh() {
    mSwipeLayout.setEnabled(true);
    // 检查是否处于刷新状态
    if (!isRefresh) {
        isRefresh = true;
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                // 显示或隐藏刷新进度条
                mSwipeLayout.setRefreshing(false);
                // 修改adapter的数据
                dataList.add(0, new ItemData("这是新添加的数据", R.mipmap.ic_launcher));
                mAdapter.notifyDataSetChanged();
                mSwipeLayout.setEnabled(false);
            }
        }, 4000);
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

在RecyclerView的基础用法中添加上述方法即可

🧱完整代码Demo (opens new window)


【文章参考】

[1]. wizardev-掘金. 自己动手写RecyclerView的下拉刷新. https://juejin.cn/post/6844903518428479496

编辑 (opens new window)
上次更新: 2022/06/04, 11:36:35
item的点击事件
RecyclerView下拉刷新和上拉加载更多

← item的点击事件 RecyclerView下拉刷新和上拉加载更多→

最近更新
01
匿名内部类
10-08
02
函数式接口
10-08
03
ARouter-Kotlin踩坑
10-05
更多文章>
Theme by Vdoing | Copyright © 2021-2023 iqqcode | MIT License | 备案号-京ICP备2021028793号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×