Android下拉刷新, 头在下方.

在开发中下拉刷新实在是一种常见的不能再觉的需求了, 网上也有很多优秀的第三方框架。不过之前有一个项目要求刷新的布局从下面出现而不是上面,因为没有在网上找到合适的第三方库所以就自己写了一个demo,在这里与大家分享一下。

Demo

首先说实现思路:

  • 我们需要一个头和身体且默认是叠加在一起的.
  • 获取这两个View且最大滑动范围为头的高度.
  • 给身体设置滑动事件监听,改变身体的高度,抬起时判断是否刷新.
  • 提供一个方面,可以动态改变是否下拉刷新.

上面最为麻烦的就是动态改变是否显头部,因为要解决事件冲突,并不是每次手指下滑都代表用户想刷新数据,这在ListView中很了解决,只需要判断显示的条目是否为是第一个就行,但在实际需求中可能只是一个普通的布局需要刷新,而这里我们就无法得知下滑到底是显示下面的数据还是刷新。在这里我用到了ViewDragHelper来解决这个问题。

效果实现及ViewDragHelper用法

第一步:写一个类继承FrameLayout使头与身体叠加.

public class Luffy extends FrameLayout 

然后获取头和身体及其高度

@Override
    protected void onFinishInflate() {

        if(getChildCount() != 2)
            throw new IllegalStateException("只能有两个子View");

        mContentView = getChildAt(1);
    }
------------------------------------------------------------
@Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        mHeight = getMeasuredHeight();
        mMaxDrag = (int) (mHeight * 0.2);
    }

onFinishInflate在布局文件加载完毕后调用,我们可以在这里获取到子类,onSizeChanged在测量完毕后会回调,我们在这里获取高度,并设置最大拖拽范围.

第二步:创建ViewDragHelper对象,该对象接收两个参数,分别为ViewGroupCallback,注意Callback是我们实现效果的关键类.并把触摸事件和拦截事件交给ViewDragHelper.

ViewDragHelper.create(this, new RefurbishCallBack());
-------------------------------------------------------------
@Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return mViewDragHelper.shouldInterceptTouchEvent(ev);
    }
-------------------------------------------------------------
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        mViewDragHelper.processTouchEvent(event);
        return true; // 返回true触发后续事件.
    }

Callback保有一个抽象方法tryCaptureView,该返回值决定了我们是否触发拖拽事件,在这里我们触发拖拽事件的条件有两种,触摸View为Content和isRefurbish为true.当我们触摸的View是身体时并且isRefurbish为true时我们才允许刷新其他情况不触发.

/**
     * ViewDragHelper的回调方法
     */
    private class RefurbishCallBack extends ViewDragHelper.Callback{

        // 捕获view
        @Override
        public boolean tryCaptureView(View child, int pointerId) {

            if(child == mContentView && isRefurbish){
                return true;
            }
            return isRefurbish;
        }

        // 限制view移动方式
        // 这里我们重写的是clampViewPositionVertical方法,当我们纵向滑动时该方法调用
        // 并返回触摸的View及移动大小
        @Override
        public int clampViewPositionVertical(View child, int top, int dy) {

            top = (int) (top * 0.93f); // 阻尼系数
            if(child == mContentView){
                 if(top < 0) top = 0;
            }
            return top;
        }

        // 释放view时回调,即抬手时
        @Override
        public void onViewReleased(View releasedChild, float xvel, float yvel) {

            if(releasedChild != mContentView) return;
            // 判断是否达到最大拖拽范围, 达到则调用回调方法
            if(mContentView.getTop() >= mMaxDrag){
                onRefurbishListener.onRefurbish();                 
                scrollDown();
            }else {
                scrollUp();               
            }
        }

        // 这个方法比较重要,当子view也需要事件时,重写该方法并返回正数,我这里返回的是触发点 
        @Override
        public int getViewVerticalDragRange(View child) {
            return mMaxDrag;
        }

    }

核心代码写到这里就差不多了最后在提供一个方法改变isRefurbish值就可以达到动态刷新的目的.

public void isRefurbish(boolean isRefurbish){
  this.isRefurbish = isRefurbish;
}

下面是Activity中的代码

luffy.setOnRefurbishListener(new RefurbishLayout.OnRefurbishListener() {
   @Override
  public void onRefurbish() {
       //加载数据...完毕后调用方法隐藏头部
      refurbishLayout.setRefurbish(true);      
  }
};
--------------------------------------------------
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
  // 根据第一个条目是否可见判断开关刷新.
  refurbishLayout.isRefurbish(firstVisibleItem == 0);
}

点击查看完成代码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,049评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,943评论 4 60
  • 还没听到过蝉鸣 热浪就奔过了 皮肤上起一片湿疹 心里黏着一点念想 每每有凉风 都想趁着这股舒服劲 刨一口深井 淹死...
    花点原创阅读 167评论 2 2
  • 人生一世,决定你悲欢离合的便是你身边最亲的这几个人而已__这句话摘自柴静的《看见》。读到这句话的时...
    仪琳阅读 146评论 0 1
  • 夜半高楼独坐 清风在耳边轻轻吟哦 星星碎在眼眸又掉落 消逝在脆弱的颈窝 山下万家灯火 没有一盏为了我留着 黑暗如同...
    皓银成长笔记阅读 251评论 0 1