SwipeRefresh 各种实现上拉，下拉刷新

最新推荐文章于 2024-03-25 08:04:29 发布
最新推荐文章于 2024-03-25 08:04:29 发布
阅读量5.4k 收藏 5
点赞数 1
分类专栏： Android 文章标签： 源码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Imshuyuan/article/details/62041447
版权

SwipeRefresh

基于原生的SwipeRefreshLayout 做了封装处理

项目源码
https://github.com/huangshuyuan/SwipeRefresh

此项目中包括三种：

  • 1.原生SwipeRefreshLayout（上拉可通过滚动监听实现）

  • 2.自定义支持上拉刷新的组件

  • 3.自定义支持ViewPage的刷新组件VPSwipeRefreshLayout

主界面

下拉刷新

上拉刷新

支持viewpager刷新

1.原生SwipeRefreshLayout（上拉可通过滚动监听实现）

除了OnRefreshListener接口外，SwipRefreshLayout中还有一些其他重要的方法，具体如下：


         1、setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener):设置手势滑动监听器。

         2、setProgressBackgroundColor(int colorRes):设置进度圈的背景色。

         3、setColorSchemeResources(int… colorResIds):设置进度动画的颜色。

         4、setRefreshing(Boolean refreshing):设置组件的刷洗状态。

         5、setSize(int size):设置进度圈的大小，只有两个值：DEFAULT、LARGE

 ```

 布局，具体内容如下：
 ```
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.SwipeRefreshLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/swipeLayout" >

    <ListView 
        android:id="@+id/mylist"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</android.support.v4.widget.SwipeRefreshLayout>

Activity核心代码如下：

swipeRefreshLayout = (SwipeRefreshLayout)findViewById(R.id.swipeLayout);
  /*加载的渐变动画*/
        swipeRefreshLayout.setColorSchemeResources(R.color.swipe_color_1,
                R.color.swipe_color_2,
                R.color.swipe_color_3,
                R.color.swipe_color_4);
        swipeRefreshLayout.setSize(SwipeRefreshLayout.LARGE);;
        swipeRefreshLayout.setProgressBackgroundColor(R.color.swipe_background_color);
        //swipeRefreshLayout.setPadding(20, 20, 20, 20);
        //swipeRefreshLayout.setProgressViewOffset(true, 100, 200);
        //swipeRefreshLayout.setDistanceToTriggerSync(50);
        swipeRefreshLayout.setProgressViewEndTarget(true, 100);
        swipeRefreshLayout.setOnRefreshListener(new OnRefreshListener() {
            @Override
            public void onRefresh() {
                new Thread(new Runnable() {
                    @Override
                    public void run() {
                        data.clear();
                        for(int i=0;i<20;i++){
                            data.add("SwipeRefreshLayout下拉刷新"+i);
                        }
                        try {
                            Thread.sleep(5000);
                        } catch (InterruptedException e) {
                            e.printStackTrace();
                        }
                        mHandler.sendEmptyMessage(1);
                    }
                }).start();
            }
        });
    //handler
    private Handler mHandler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what) {
            case 1:

                swipeRefreshLayout.setRefreshing(false);
                adapter.notifyDataSetChanged();
                //swipeRefreshLayout.setEnabled(false);
                break;
            default:
                break;
            }
        }
    };
  • 原生实现上拉效果

通过监听滚动事件，对listview添加底部的组件实现上拉

 implements AbsListView.OnScrollListener {···


 ···
  /**
         * 对listview添加底部的组件实现上拉
         */
        footerView = getLayoutInflater().inflate(R.layout.refresh_footview_layout, null);
        lv.addFooterView(footerView);
  /**
         * 设置滚动监听
         */
   lv.setOnScrollListener(this);

    /**
     * 重写滚动方法
     * @param view
     * @param scrollState
     */
    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
        if (adapter.getCount() == visibleLastIndex && scrollState == SCROLL_STATE_IDLE) {
            Toast.makeText(this, "加载更多完成", Toast.LENGTH_SHORT).show();
            footerView.setVisibility(View.GONE);
            /*在此处加载更多数据*/
//            new LoadDataThread().start();
        }else {
            footerView.setVisibility(View.VISIBLE);
//            Toast.makeText(this, "加载更多...", Toast.LENGTH_SHORT).show();
        }

    }

2.自定义支持上拉刷新的组件

实现下拉和上拉监听

···AppCompatActivity implements SwipeRefreshLayout.OnRefreshListener,
        RefreshLayout.OnLoadListener {
        ···

下拉和原先一样用法：

         //下拉监听
        swipeLayout.setOnRefreshListener(this);
        //上拉监听
        swipeLayout.setOnLoadListener(this);

         /**
     * 上拉刷新
     */
    @Override
    public void onRefresh() {
        swipeLayout.postDelayed(new Runnable() {

            @Override
            public void run() {
                // 更新数据  更新完后调用该方法结束刷新
                list.clear();
                for (int i = 0; i < 8; i++) {
                    HashMap<String, String> map = new HashMap<String, String>();
                    map.put("itemImage", i + "刷新");
                    map.put("itemText", i + "刷新");
                    list.add(map);
                }
                adapter.notifyDataSetChanged();
                swipeLayout.setRefreshing(false);
            }
        }, 2000);

    }

    /**
     * 加载更多
     */
    @Override
    public void onLoad() {
        swipeLayout.postDelayed(new Runnable() {
            @Override
            public void run() {
                // 更新数据  更新完后调用该方法结束刷新
                swipeLayout.setLoading(false);
                for (int i = 1; i < 10; i++) {
                    HashMap<String, String> map = new HashMap<String, String>();
                    map.put("itemImage", i + "更多");
                    map.put("itemText", i + "更多");
                    list.add(map);
                }
                adapter.notifyDataSetChanged();
            }
        }, 2000);
    }
  • 自定义组件如下：
/**
 * Created by huangshuyuan on 2017/3/9.
 * email:hshuuyuan@foxmail.com
 * version:v1.0
 * <p>
 * 自定义view
 */

/**
 * 继承自SwipeRefreshLayout,从而实现滑动到底部时上拉加载更多的功能.
 */
public class RefreshLayout extends SwipeRefreshLayout implements
        OnScrollListener {
    /**
     * 滑动到最下面时的上拉操作
     */

    private int mTouchSlop;
    /**
     * listview实例
     */
    private ListView mListView;

    /**
     * 上拉监听器, 到了最底部的上拉加载操作
     */
    private OnLoadListener mOnLoadListener;

    /**
     * ListView的加载中footer
     */
    private View mListViewFooter;

    /**
     * 按下时的y坐标
     */
    private int mYDown;
    /**
     * 抬起时的y坐标, 与mYDown一起用于滑动到底部时判断是上拉还是下拉
     */
    private int mLastY;
    /**
     * 是否在加载中 ( 上拉加载更多 )
     */
    private boolean isLoading = false;

    /**
     * @param context
     */
    public RefreshLayout(Context context) {
        this(context, null);
    }

    @SuppressLint("InflateParams")
    public RefreshLayout(Context context, AttributeSet attrs) {
        super(context, attrs);

        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();

        mListViewFooter = LayoutInflater.from(context).inflate(
                R.layout.listview_footer, null, false);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right,
                            int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        // 初始化ListView对象
        if (mListView == null) {
            getListView();
        }
    }

    /**
     * 获取ListView对象
     */
    private void getListView() {
        int childs = getChildCount();
        if (childs > 0) {
            View childView = getChildAt(0);
            if (childView instanceof ListView) {
                mListView = (ListView) childView;
                // 设置滚动监听器给ListView, 使得滚动的情况下也可以自动加载
                mListView.setOnScrollListener(this);
                Log.d(VIEW_LOG_TAG, "### 找到listview");
            }
        }
    }

    /*
     * (non-Javadoc)
     *
     * @see android.view.ViewGroup#dispatchTouchEvent(android.view.MotionEvent)
     */
    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        final int action = event.getAction();

        switch (action) {
            case MotionEvent.ACTION_DOWN:
                // 按下
                mYDown = (int) event.getRawY();
                break;

            case MotionEvent.ACTION_MOVE:
                // 移动
                mLastY = (int) event.getRawY();
                break;

            case MotionEvent.ACTION_UP:
                // 抬起
                if (canLoad()) {
                    loadData();
                }
                break;
            default:
                break;
        }

        return super.dispatchTouchEvent(event);
    }

    /**
     * 是否可以加载更多, 条件是到了最底部, listview不在加载中, 且为上拉操作.
     *
     * @return
     */
    private boolean canLoad() {
        return isBottom() && !isLoading && isPullUp();
    }

    /**
     * 判断是否到了最底部
     */
    private boolean isBottom() {

        if (mListView != null && mListView.getAdapter() != null) {
            return mListView.getLastVisiblePosition() == (mListView
                    .getAdapter().getCount() - 1);
        }
        return false;
    }

    /**
     * 是否是上拉操作
     *
     * @return
     */
    private boolean isPullUp() {
        return (mYDown - mLastY) >= mTouchSlop;
    }

    /**
     * 如果到了最底部,而且是上拉操作.那么执行onLoad方法
     */
    private void loadData() {
        if (mOnLoadListener != null) {
            // 设置状态
            setLoading(true);
            //
            mOnLoadListener.onLoad();
        }
    }

    /**
     * @param loading
     */
    public void setLoading(boolean loading) {
        isLoading = loading;
        if (isLoading) {
            mListView.addFooterView(mListViewFooter);
        } else {
            mListView.removeFooterView(mListViewFooter);
            mYDown = 0;
            mLastY = 0;
        }
    }

    /**
     * @param loadListener
     */
    public void setOnLoadListener(OnLoadListener loadListener) {
        mOnLoadListener = loadListener;
    }

    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {

    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem,
                         int visibleItemCount, int totalItemCount) {
        // 滚动时到了最底部也可以加载更多
        if (canLoad()) {
            loadData();
        }
    }

    /**
     * 设置刷新
     */
    public static void setRefreshing(SwipeRefreshLayout refreshLayout,
                                     boolean refreshing, boolean notify) {
        Class<? extends SwipeRefreshLayout> refreshLayoutClass = refreshLayout
                .getClass();
        if (refreshLayoutClass != null) {

            try {
                Method setRefreshing = refreshLayoutClass.getDeclaredMethod(
                        "setRefreshing", boolean.class, boolean.class);
                setRefreshing.setAccessible(true);
                setRefreshing.invoke(refreshLayout, refreshing, notify);
            } catch (NoSuchMethodException e) {
                e.printStackTrace();
            } catch (IllegalAccessException e) {
                e.printStackTrace();
            } catch (InvocationTargetException e) {
                e.printStackTrace();
            }
        }
    }

    /**
     * 加载更多的监听器
     */
    public static interface OnLoadListener {
        public void onLoad();
    }
}

3.自定义支持ViewPage的刷新组件VPSwipeRefreshLayout

  • 原生SwipeRefreshLayout会存在以下问题：

1、 SwipeRefreshLayout会吃掉ViewPager的滑动事件。 

2、 SwipeRefreshLayout需要套在ScrollView和ListView上的时候才表现的比较友好，在其他ViewGroup上有点问题

  • 重写后的SwipeRefreshLayout，直接复制到项目就可以使用了。
public class VpSwipeRefreshLayout extends SwipeRefreshLayout {

private float startY;
private float startX;
// 记录viewPager是否拖拽的标记
private boolean mIsVpDragger;
private final int mTouchSlop;

public VpSwipeRefreshLayout(Context context, AttributeSet attrs) {
super(context, attrs);
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
}

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
int action = ev.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
// 记录手指按下的位置
startY = ev.getY();
startX = ev.getX();
// 初始化标记
mIsVpDragger = false;
break;
case MotionEvent.ACTION_MOVE:
// 如果viewpager正在拖拽中，那么不拦截它的事件，直接return false；
if(mIsVpDragger) {
return false;
}

// 获取当前手指位置
float endY = ev.getY();
float endX = ev.getX();
float distanceX = Math.abs(endX - startX);
float distanceY = Math.abs(endY - startY);
// 如果X轴位移大于Y轴位移，那么将事件交给viewPager处理。
if(distanceX > mTouchSlop && distanceX > distanceY) {
mIsVpDragger = true;
return false;
}
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
// 初始化标记
mIsVpDragger = false;
break;
}
// 如果是Y轴位移大于X轴，事件交给swipeRefreshLayout处理。
return super.onInterceptTouchEvent(ev);
}
}

上面是自己研究的，最近发现一个大神已经封装好了使用，可以参照大神的

大神的源码地址：https://github.com/yanzhenjie/SwipeRecyclerView

流水潺媛
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android中SwipeRefresh实现各种上拉，下拉刷新示例
08-31
主要介绍了android中SwipeRefresh实现各种上拉，下拉刷新示例，非常具有实用价值，需要的朋友可以参考下。
Android控件SwipeRefreshLayout实现下拉刷新上拉加载
wenzhi的博客
04-27 3036
Android控件SwipeRefreshLayout实现上下拉加载App基本都有下拉刷新的功能，以前基本都使用别人的PullToRefresh’框架或者自己写一个下拉刷新，但是我最近发现，android官方在其实已经有一个能很简单就实现下拉刷新的控件SwipeRefreshLayout，上拉加载也是可以通过自己重写这个类实现。所有我觉得简单的下拉和上拉效果使用SwipeRefreshLayout
android下拉刷新——swipeRefresh的使用
我想月薪过万的博客
05-30 4915
效果展示 简介 SwipRefreshLayout是谷歌前一段时间推出的一款下拉刷新控件。 常用方法 方法 解释 setColorSchemeResources(int…colorReslds) 设置下拉进度条的颜色主题，参数可变，并且是资源id，最多设置四种不同的颜色。 setProgressBackgroundSchemeResource(int coloRes) 设置下拉进度条的背景颜色,默认白色。 isRefreshing() 判断当前的状态是否是刷新
android 官方上拉,SwipeRefresh
weixin_29500837的博客
05-26 360
SwipeRefreshLayout详解和自定义加载更多本文重点介绍了SwipeRefreshLayout的使用和自定View继承SwipeRefreshLayout添加上拉加载更多的功能。介绍之前，先来看一下SwipeRefreshLayout实现的下拉刷新效果图。从图中可以看到，下拉到了一定的高度才会进行刷新，高度不够就会回收上去，正在刷新过程中，继续下拉没反应，说明刷新时屏蔽掉了下拉事件。一...
SwipeRefreshLayout + ListView 实现仿简书 下拉刷新 与 上拉加载
十有九人堪白眼，百无一用是书生
11-05 2927
谷歌官方提供了一款下拉刷新的控件 SwipeRefreshLayout。国外的软件中，YouTube、Google+ 等应用基本都采用该统一的下拉方式。不过很遗憾，该控制不支持上拉加载，而在 Android 的列表数据展示中，很少有不需要做分页加载的。 本次以 简书 的刷新加载为例，用SwipeRefreshLayout + ListView 实现 下拉刷新 和 上拉加载。
通过SwipeRefreshLayout实现ListView的上拉加载下拉刷新
春水碧于天的博客
01-29 1074
上拉刷新下拉加载相信是在日常的开发中使用的最频繁的一个组件了，大量数据的展示一定会使用到分页的功能以提升用户体验，目前可以看到的市面上的应用的下拉刷新也都是配合的SwipeRefreshLayout来实现的，看起来比较美观，相比自定义的下拉刷新的动画效果，这个就显得比较简洁大方了。下面看一下运行效果： 由于ListView没有提供默认的分页加载的功能，因此这里就需要我们自定了，实现起来也是
swipeRefresh下拉刷新和上拉加载更多
12-06
swipeRefresh下拉刷新和上拉加载更多,里面备注很详细，是eclipse版本的，As的用户也可以下回去改造改造就能用了， 还有导入一个Library：android-support-v7-appcompat，在我之前的分享里面有大家去下载下就有了，好...
下拉刷新与上拉加载更多SwipeRefreshLayout
02-16
ExpandSwipeRefreshLayout扩展了SwipeRefreshLayout的功能，使得同时具有下拉刷新与上拉加载更多。
安卓SwipeRefreshLayout刷新控件实现上拉加载，下拉刷新
02-25
安卓SwipeRefreshLayout刷新控件实现上拉加载，下拉刷新
SwipeRefreshLayout的下拉刷新和上拉加载
IT烟酒僧的博客
06-30 557
SwipeRefreshLayout的下拉刷新和上拉加载
下拉刷新swipeRefresh（圆圈样式）
03-03
谷歌官方下拉刷新swipeRefresh（圆圈样式）
官方下拉刷新swipeRefresh（横线样式）
03-03
谷歌官方下拉刷新swipeRefresh（横线样式）
android下拉刷新—，retrofit使用
m0_64383081的博客
12-11 403
<ListView android:layout_width=“match_parent” android:layout_height=“match_parent”/> </androidx.swiperefreshlayout.widget.SwipeRefreshLayout> 注意：这一步中，SwipeRefreshLayout必须包裹一个元素，要不然会报如下错误：空指针异常 ![](https://img-blog.csdnimg.cn/20210530202452233.
android下拉刷新——swipeRefresh的使用，入职3个月的Android程序员面临转正
最新发布
m0_60229361的博客
03-25 700
考虑到文章的篇幅问题，我把这些问题和答案以及我多年面试所遇到的问题和一些面试资料做成了PDF文档，如果有需要的朋友可以私信我【面试】免费领取点击这里领取Android面试资料汇总和一些面试资料做成了PDF文档，如果有需要的朋友可以私信我【面试】免费领取点击这里领取Android面试资料汇总[外链图片转存中…(img-AlST3NtJ-1711325058787)][外链图片转存中…(img-ZGmcbNhY-1711325058788)]
SwipeRefreshLayout 详细使用介绍
syfyyds12138的博客
09-18 1867
SwipeRefreshLayout是官方提供的下拉刷新解决控件，具有使用简单，灵活等特点。不足的地方，不可以自定义刷新的头部和加载更多功能。不过通过修改SwipeRefreshLayout可以轻松实现这些功能，本文只介绍使用和对各个方法进行说明。在实际开发中多对SwipeRefreshLayout二次封装，更改刷新UI。SuperEasyRefreshLayout是一个非常强大的二次封装控件，不仅美化了刷新UI，而且可以根据需要自定义UI效果的View，且实现了上拉加载更多的功能。
Android SwipeRefreshLayout 使用
u012514113的专栏
09-07 4318
Android SwipeRefreshLayout 使用
SwipeRefreshLayout的setRefreshing不起效果，有可能是效果被遮盖住了。
asia161的博客
04-21 1603
最近在写自己的项目时，用了RecyclerView +SwipeRefreshLayout  相配合的方式，发现刷新的时候swipeRefreshLayout.setRefreshing(true);不起效果。 网上找了一些解决方式，如下两种： 1、设置偏移量    swipeRefreshLayout.setProgressViewOffset(false, 0,
Jetpack Compose 使用SwipeRefresh整体布局下拉刷新
qq_38056770的博客
11-24 580
关于Android jetpack compose SwipeRefresh下来刷新和 整体布局下下拉刷新
uniapp实现上拉加载下拉刷新
09-11
在uniapp中，可以通过设置相应的参数来实现上拉加载和下拉刷新功能。首先，在页面的`style`节点下添加`"enablePullDownRefresh": true`，以允许下拉刷新。 接下来，在js文件中定义`onPullDownRefresh`函数，用于处理下拉刷新事件。这个函数需要与`onLoad`等生命周期函数同级。在这个函数中，你可以编写相应的代码来实现数据的刷新和状态的更新。 在`pages.json`文件中找到当前页面的`pages`节点，并在`style`选项中开启`enablePullDownRefresh`来启用下拉刷新功能。 当数据刷新完成后，可以使用`uni.stopPullDownRefresh`来停止当前页面的下拉刷新状态。这样，就可以实现uniapp的上拉加载和下拉刷新功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值