自定义的简单上拉加载和下拉刷新控件

最新推荐文章于 2021-10-11 14:46:20 发布
最新推荐文章于 2021-10-11 14:46:20 发布
阅读量186 收藏
点赞数
分类专栏： 自定义view 文章标签： 上拉加载 下拉刷新 自定义 android 安卓
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liangshui999/article/details/79611781
版权

    主要目的是为了学习自定义view，可能会有些bug，主要思路：在自定义的viewgroup里面放3个view，最上面是下拉刷新的部分，中间是内容部分，最下面是下拉加载的部分。然后在onInterceptTouchEvent（）里面控制什么时候拦截事件，在onTouchEvent（）里面写和手指触碰相关的逻辑。代码比较简单，直接看代码即可。

    

/**
 * 创建日期：2018-03-16 on 10:33
 * 作者：ls
 * 自定义的上拉加载和下拉刷新控件，针对所有的view
 */

public class SwipeLoadLayout extends ViewGroup {

    private static final String TAG = "SwipeLoadLayout";

    private float mTouchSlop;//被认为是滑动的最小距离

    private VelocityTracker mVelocityTracker;//速度跟踪器

    private Scroller mScroller;

    private State mState = State.DEFAULT;//下拉刷新，上拉加载过程中的各种状态

    private OnRefreshOrLoadListener mOnRefreshOrLoadListener;

    private MyOnScrollListener mOnScrollListener;

    private ViewGroup mRefreshLayout;

    private View mContentLayout;

    private ViewGroup mLoadLayout;

    private TextView mRefreshText;

    private TextView mLoadText;

    private float mFirstX;

    private float mFirstY;

    private float mLastX;

    private float mLastY;

    private static final String TAG_REFRESH = "tag_refresh";

    private static final String TAG_LOAD = "tag_load";

    private static final int V_LIMIT = 100;//速度限制

    public SwipeLoadLayout(Context context) {
        this(context, null);
    }

    public SwipeLoadLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public SwipeLoadLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        mTouchSlop = ViewConfiguration.getTouchSlop();
        mScroller = new Scroller(getContext());
        mVelocityTracker = VelocityTracker.obtain();
        mOnScrollListener = new MyOnScrollListener();
    }

    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        if(mVelocityTracker != null){
            mVelocityTracker.recycle();
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        Log.d(TAG, "onMeasure.........");
        for(int i = 0; i < getChildCount(); i++){
            measureChild(getChildAt(i), widthMeasureSpec, heightMeasureSpec);
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        Log.d(TAG, "onLayout...........");
        if(mContentLayout == null){
            mRefreshLayout = (ViewGroup) getChildAt(0);
            mContentLayout = getChildAt(1);
            mLoadLayout = (ViewGroup) getChildAt(2);
            mRefreshText = (TextView) mRefreshLayout.findViewWithTag(TAG_REFRESH);
            mLoadText = (TextView) mLoadLayout.findViewWithTag(TAG_LOAD);
            if(mContentLayout instanceof AbsListView){
                AbsListView temp = (AbsListView) mContentLayout;
                temp.setOnScrollListener(mOnScrollListener);
            }
        }
        mRefreshLayout.layout(0, -1 * mRefreshLayout.getMeasuredHeight(), r, 0);
        mContentLayout.layout(0, 0, r, b);
        mLoadLayout.layout(0, b, r, b + mLoadLayout.getMeasuredHeight());
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        //计算速度
        mVelocityTracker.addMovement(ev);
        mVelocityTracker.computeCurrentVelocity(100);
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        Log.d(TAG, "onInterceptTouchEvent.......");
        float distanceX = ev.getX() - mFirstX;
        float distanceY = ev.getY() - mFirstY;
        switch (ev.getAction()){
            case MotionEvent.ACTION_DOWN:
                Log.d(TAG, "onInterceptTouchEvent..........MotionEvent.ACTION_DOWN");
                mFirstX = mLastX = ev.getX();
                mFirstY = mLastY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                Log.d(TAG, "onInterceptTouchEvent..........MotionEvent.ACTION_MOVE");
                if(Math.abs(distanceY) > mTouchSlop && Math.abs(distanceY) > Math.abs(distanceX)){
                    if(distanceY > 0){ //手指向下滑动
                        if(! canChildScrollDown(mContentLayout)){ //child不能向下滑动，才拦截
                            return true;
                        }
                    }else{ //手指向上滑动
                        if(! canChildScrollUp(mContentLayout)){ //child不能向上滑动，才拦截
                            return true;
                        }
                    }
                }
                break;

        }
        return false;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        Log.d(TAG, "onTouchEvent.......");
        float scrollY = getScrollY();
        float distanceY = event.getY() - mFirstY;
        float deltaY = event.getY() - mLastY;
        Log.d(TAG, "distanceY = " + distanceY + "......." + "mRefreshLayout.getHeight() = "
                + mRefreshLayout.getHeight() + "......." + "mLoadLayout.getHeight() = "
                + mLoadLayout.getHeight());

        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                Log.d(TAG, "onTouchEvent.........ACTION_DOWN");
                mRefreshText.setText("");
                mLoadText.setText("");
                break;
            case MotionEvent.ACTION_MOVE:
                Log.d(TAG, "onTouchEvent.........ACTION_MOVE");
                //检查是否是正在刷新或者是正在加载状态
                if(mState == State.REFRESHING || mState == State.LOADING){
                    Log.d(TAG, "当前正在刷新或者是正在加载");
                    return true;
                }

                //检查边界
                if(distanceY > 0 && scrollY <= -1 * mRefreshLayout.getHeight()){
                    Log.d(TAG, "不能再向下滑动了.....");
                    scrollTo(0, -1 * mRefreshLayout.getHeight());
                    return true;
                }
                if(distanceY < 0 && scrollY >= mLoadLayout.getHeight()){
                    Log.d(TAG, "不能再向上滑动了.....");
                    scrollTo(0, mLoadLayout.getHeight());
                    return true;
                }

                //处理手指滑动的逻辑
                if(distanceY > 0){ //手指向下滑动
                    if(distanceY >= mRefreshLayout.getHeight() / 2){ //释放刷新
                        mRefreshText.setText("释放刷新");
                        mState = State.RELEASE_TO_REFRESH;
                    }else{
                        mRefreshText.setText("下拉刷新");
                        mState = State.PULL_TO_REFRESH;
                    }
                }else{ //手指向上滑动
                    if(Math.abs(distanceY) >= mLoadLayout.getHeight() / 2){ //释放加载
                        mLoadText.setText("释放加载");
                        mState = State.RELEASE_TO_LOAD;
                    }else{
                        mLoadText.setText("上拉加载");
                        mState = State.PULL_TO_LOAD;
                    }
                }
                scrollBy(0, (int) (-1f * deltaY));
                mLastX = event.getX();
                mLastY = event.getY();
                break;
            case MotionEvent.ACTION_UP:
                if(mState == State.PULL_TO_REFRESH){ //下拉刷新
                    mScroller.startScroll(0, getScrollY(), 0, 0 - getScrollY());
                    mState = State.DEFAULT;
                }else if(mState == State.RELEASE_TO_REFRESH){ //释放刷新
                    mScroller.startScroll(0, getScrollY(), 0, -1 * mRefreshLayout.getHeight() - getScrollY());
                    mState = State.REFRESHING;
                    mRefreshText.setText("正在刷新....");
                    mOnRefreshOrLoadListener.onRefresh(mContentLayout);//正在刷新的回调
                }else if(mState == State.PULL_TO_LOAD){ //上拉加载
                    mScroller.startScroll(0, getScrollY(), 0, 0 - getScrollY());
                    mState = State.DEFAULT;
                }else if(mState == State.RELEASE_TO_LOAD){ //释放加载
                    releaseToLoad();
                }
                //重绘
                invalidate();
                break;
        }
        return super.onTouchEvent(event);
    }



    @Override
    public void computeScroll() {
        super.computeScroll();
        if(mScroller.computeScrollOffset()){
            scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            invalidate();
        }
    }


    /**
     * 释放加载
     */
    private void releaseToLoad() {
        mScroller.startScroll(0, getScrollY(), 0, mLoadLayout.getHeight() - getScrollY());
        mState = State.LOADING;
        mLoadText.setText("正在加载....");
        mOnRefreshOrLoadListener.onLoad(mContentLayout);//正在加载的回调
    }


    /**
     * 刷新完毕
     */
    public void refreshComplete(){
        mScroller.startScroll(0, getScrollY(), 0, 0 - getScrollY());
        mState = State.DEFAULT;
        invalidate();//务必记得要重绘
    }

    /**
     * 加载完毕
     */
    public void loadComplete(){
        mScroller.startScroll(0, getScrollY(), 0, 0 - getScrollY());
        mState = State.DEFAULT;
        invalidate();//务必记得要重绘
    }


    /**
     * 判断子view能否向下滚动
     * @return true代表能向下滚动，false代表不能向下滚动
     */
    private boolean canChildScrollDown(View view){
        if(Build.VERSION.SDK_INT < 14){
            Log.d(TAG, "Build.VERSION.SDK_INT > 14...........canChildScrollDown");
            if(view instanceof AbsListView){
                AbsListView temp = (AbsListView) view;
                if(temp.getFirstVisiblePosition() == 0
                        && temp.getChildAt(0).getTop() >= temp.getPaddingTop()){
                    return false;
                }else{
                    return true;
                }
            }else{
                if(view.getScrollY() <= 0){
                    return false;
                }else{
                    return true;
                }
            }
        }else{
            Log.d(TAG, "view.canScrollVertically(-1) = " + view.canScrollVertically(-1));
            return view.canScrollVertically(-1);
        }
    }


    /**
     * 判断view能否向上滚动
     * @return true代表能向上滚动，false代表不能向上滚动
     */
    public boolean canChildScrollUp(View view){
        if(Build.VERSION.SDK_INT < 14){
            Log.d(TAG, "Build.VERSION.SDK_INT > 14...........canChildScrollUp");
            if(view instanceof AbsListView){
                AbsListView temp = (AbsListView) view;
                int count = temp.getCount();
                View lastItem = getLastItemView(temp);
                Log.d(TAG, "lastItem = " + lastItem);
                if(temp.getLastVisiblePosition() == count - 1
                        && lastItem.getBottom() <= temp.getHeight() - temp.getPaddingBottom()){
                    return false;
                }else{
                    return true;
                }
            }else{
                if(view.getScrollY() >= 0){
                    return false;
                }else{
                    return true;
                }
            }
        }else{
            Log.d(TAG, "view.canScrollVertically(1) = " + view.canScrollVertically(1));
            return view.canScrollVertically(1);
        }
    }

    public void setmOnRefreshOrLoadListener(OnRefreshOrLoadListener mOnRefreshOrLoadListener) {
        this.mOnRefreshOrLoadListener = mOnRefreshOrLoadListener;
    }

    /**
     * 监听listview或者是gridview的滚动
     */
    class MyOnScrollListener implements AbsListView.OnScrollListener{

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

        }

        @Override
        public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
            int childCount = view.getChildCount();
            if(childCount == 0){
                return;
            }
            View lastItem = getLastItemView(view);
            if(view.getLastVisiblePosition() == totalItemCount - 1
                    && lastItem.getBottom() <= view.getHeight() - view.getPaddingBottom()){
                if(Math.abs(mVelocityTracker.getYVelocity()) > V_LIMIT){
                    Log.d(TAG, "onScroll............");
                    releaseToLoad();
                }

            }
        }
    }

    /**
     * 获取AbsListView这个的最后一个item
     * @param absListView
     */
    private View getLastItemView(AbsListView absListView) {
        int lastIndex = 0;
        int childCount = absListView.getChildCount();
        int itemCount = absListView.getCount();
        if(itemCount <=  childCount){
            lastIndex = itemCount - 1;
        }else{
            lastIndex = childCount - 1;
        }
        Log.d(TAG, "childCount = " + childCount + "......." + "itemCount = " + itemCount);
        return absListView.getChildAt(lastIndex);
    }
}

    

    

恬淡自然999
关注
专栏目录
Android自定义控件--下拉刷新的实现
03-29
Android自定义控件--下拉刷新的实现,直接在项目中可用，可访问博客：http://blog.csdn.net/qq_20889581/article/details/51008917 进行详细浏览，欢迎留下宝贵意见！
自定义下拉刷新控件
cleven
11-15 464
一：前言 记得工作中第一次用的刷新控件是svpulltorefresh，用法稍微有点麻烦，而且bug颇多，后来果断放弃，现在用的是MJRefresh,不管是用法还是bug，都比前一个好多了，但是不久前也遇到了一个致命的bug，有好些情况下会导致MJRefresh陷入一个死循环，导致不断的刷新，只能重启软件才行。MJRefresh工程比较庞大，找到了bug也很难修改，然后还是决定自
自定义控件：下拉刷新
JackChan
12-02 963
PullToRefresh 下拉刷新 上拉加载 掌握自定义的具有下拉刷新和上拉加载功能的 ListView 掌握自定义的侧边栏 SlidingMenu 在日常开发工作中，应用界面常常都是用ListView进行数据展示的，并且界面可以实现下拉刷新和下拉加载功能，本文从根本上来自定义一个具有下拉刷新和上拉加载的 ListView。另外，侧边栏 SlidingMenu的应用场景也很多，这里我们也自定义一个
自定义的下拉刷新和上拉刷新
an13531829360的博客
10-10 533
Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能  点击打开链接 我们通过调用RefreshableView的setOnRefreshListener方法注册了一个监听器，当ListView正在刷新时就会回调监听器的onRefresh方法，刷新的具体逻辑就在这里处理。而且这个方法已经自动开启了线程，可以直接在onRefresh方法中进行耗时操作，比如向服务器请求最新数据等，在这
下拉刷新自定义控件的实现
bailangsyc的博客
10-14 312
代码有些地方还是有些问题，需要进行修改 主要是参考郭霖博客：“ Android下拉刷新完全解析，教你如何一分钟实现下拉刷新功能 http://blog.csdn.net/sinyu890807/article/details/9255575” 步骤： 首先自定义一个refreshableView 继承LinearLayout（）refreshableView它就是一个linerlayou
Android自定义上拉加载下拉刷新控件
08-03
本示例“Android自定义上拉加载下拉刷新控件”提供了一个基于Android Studio的DEMO，帮助开发者理解并实现这一功能。 首先，我们来看下拉刷新（Pull-to-Refresh）功能。这是在用户滚动到列表顶部时，可以通过下拉...
Swift版的上拉加载, 下拉刷新控件
11-23
Swift版的上拉加载和下拉刷新控件为开发者提供了一种便捷的方式来实现这些功能，而无需复杂的代码编写。下面我们将深入探讨这两个概念以及如何在Swift中实现它们。 1. **下拉刷新(Pull-to-Refresh)** 下拉刷新允许...
ios-自定义上拉加载和下拉刷新.zip
07-11
本项目"ios-自定义上拉加载和下拉刷新.zip"旨在教你如何利用自己的基类实现一个自定义的Enjoy刷新控件，以替代第三方库如MJRefresh或SDRefresh等。通过这个项目，开发者可以更好地控制刷新的样式和行为，提升应用...
React Native 自定义下拉刷新上拉加载的列表的示例
08-27
在 React Native 中，实现自定义下拉刷新和上拉加载的列表是一种常见的需求。下拉刷新和上拉加载是列表组件中必不可少的功能，特别是在移动端开发中。本篇文章主要介绍了如何使用 FlatList 封装一个支持下拉刷新和上...
android支持RecyclerView的上拉加载,下拉刷新控件
05-04
综上所述，实现“android支持RecyclerView的上拉加载,下拉刷新控件”涉及到多个知识点，包括RecyclerView的基本使用、SwipeRefreshLayout的下拉刷新、自定义的上拉加载、第三方库的集成以及数据加载和性能优化策略。...
android自定义下拉刷新和上拉加载控件
qq_23874081的专栏
05-15 1687
前段时间和同事一起写了一个下拉刷新和上拉加载的控件。该控件实现的功能的功能还是挺多的。支持自定义头部和底布局，同时还处理了NestScrolling机制的嵌套滑动的一些东西。我们先来看下效果图吧。 1.主页面布局展示 2.支持RecycleView的刷新和加载效果。 3.支持listView的刷新和加载效果。 4.支持ScrollView的刷新和加载效果 5.支持NestScrollin
Android自定义控件下拉刷新实例代码
u012149181的博客
11-30 768
实现效果: 图片素材: --> 首先, 写先下拉刷新时的刷新布局 pull_to_refresh.xml: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 3
自定义控件之下拉刷新RefreshLayout实现
lentolove的博客
10-11 517
1.案例演示 2.涉及到的知识点 1.自定义控件通用接口封装 2.安卓手势分发 GestureDetector 拦截处理 3.自定义控件之onLayout布局 4.借助Scroller实现视图的自动滚动 3.整个控件基础类图结构 4.主要代码 1.首先定义 HiRefreshLayout 的 通用接口 下拉刷新控件： 1.可设置是否下拉刷新时禁止滚动 2.刷新完成时状态更新，及派发相应的监听事件 3.提供给使用者设置监听器以获取控件的不同状态回调 4.使用者可自行设置 刷新要显示的视图，只要继承自
自定义下拉刷新布局
奋斗
10-05 2232
下拉刷新布局在很多地方用到，官方提供了SwipeRefreshLayout，也有很多第三方库可以使用，但是有时候我们需要做一些自定义刷新效果，下面来实现一个简单的下拉刷新布局，来初步了解下拉刷新布局原理和学习自定义ViewGroup。
基于iSroll插件实现html5页面上拉加载更多
观海云远
08-13 4832
iscroll实现页面滑动部分上滑、下滑到底刷新列表、加载更多
下拉刷新控件(2)自定义一个通用的下拉刷新控件及基本代码
banyinlve3147的博客
03-05 88
　　有很多控件都可以下拉刷新如，ListView，ExpandableListView，GridView，ScrollView，ViewPager，WebView等。 自定义一个通用的下拉刷新控件 　主要思路： 　　一个ViewGroup，最上面是刷新控件，下面是显示正文的控件，刷新控件只在产生下拉事件时才显示出来。其它时候一直是隐藏的。 　具体步骤： 　　a,定义一...
Android自定义控件实战——下拉刷新控件终结者：PullToRefreshLayout
热门推荐
学无常师，负笈不远险阻
08-01 2万+
说到下拉刷新控件，网上版本有很多，很多软件也都有下拉刷新功能。有一个叫XListView的，我看别人用过，没看过是咋实现的，看这名字估计是继承自ListView修改的，不过效果看起来挺丑的，也没什么扩展性，太单调了。咱们今天就来实现一个下拉刷新控件。由于有时候不仅仅是ListView需要下拉刷新，ExpandableListView和GridView也有这个需求，由于ListView，GridView都是AbsListView的子类，ExpandableListView是ListView的子类所以也是Abs
修改SwipeRefreshLayout源码实现自定义Header的下拉刷新控件
gesanri的专栏
12-02 7558
下拉刷新是应用中比较常见的功能，最开始下拉刷新主要局限于ListView，网上也有很多成熟的ListView的下拉刷新和上拉加载更多的控件，但如果我要下拉刷新的是WebView这种控件呢？网上也有一些，不过其实谷歌自己也提供了，谷歌提供的这种控件叫SwipeRefreshLayout，它可以实现WebView这类控件的下拉刷新，不过它有一个问题是，它的刷新的样式是固定的，就是在顶部有几个不同颜色的
android 自定义 刷新/加载更多 Google官方级高性能控件 ，可自定义UI图片
qq_29769851的博客
06-28 980
android中 常会用到各种列表控件，像古老的ListView , GridView,常用的RecyclerView,或者自定义的ViewGroup, 实现下拉刷新的控件库也是各种各样，花样百出，但有一个简约可自定义的不算多，于是手撸一个控件 Google官方性能级别的控件，可自定义刷新图(在drawable-hdpi>refresh_icon) 纯手工打造。体验竟然如此般丝滑。 ...
Android自定义上拉加载与下拉刷新功能实现
自定义上拉加载和下拉刷新功能，允许开发者根据具体的应用场景和设计需求，来实现更符合用户体验的数据交互操作。虽然实现起来相对复杂，但通过合适的工具和组件，可以有效地提升应用的性能和用户的满意度。开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值