二级(二楼、顶楼)刷新,SlidingDownPanelLayout

# 二级(二楼、顶楼)刷新,SlidingDownPanelLayout### 废话不多说,先上效果![二级刷新](gif/two_refresh.gif) ![二级刷新](gif/sliding_down.gif)

![二级刷新](gif/sliding_follow.gif) ![二级刷新](gif/sliding_placeholder.gif)

## 说明以上效果均由PullRefreshLayout(稍微详细的说明见:[https://github.com/genius158/PullRefreshLayout](https://github.com/genius158/PullRefreshLayout))实现。使用PullRefreshLayout,自定义header和footer你可以实现很多你想的到的功能,以下是两个小例子##### 回弹刷新库(PullRefreshLayout)说明:个人最用心,用时写的一个库(出发点:其他的库回弹效果都并不理想,便想起了做这一个库),个人水平有限,开发的过程总是曲折的,大概3个多月后才正式在公司的项目中使用本库,其中也相应的修改了很多小问题,到现在应该相对很稳定了吧(>_<|||)(至少目前个人的项目用着是没有问题了的)#### 1.二级刷新的实现([TwoRefreshHeader](https://github.com/genius158/PullRefreshLayout/blob/master/app/src/main/java/com/yan/refreshloadlayouttest/widget/TwoRefreshHeader.java))首先创建一个header实现PullRefreshLayout.OnPullListener

1.初始化部分```setLayoutParams(new ViewGroup.LayoutParams(-1, -1));//-1 就是match_parentfirstRefreshTriggerDistance = TwoRefreshHeader.this.pullRefreshLayout.getRefreshTriggerDistance();twoRefreshDistance = firstRefreshTriggerDistance * 2;translateYAnimation = ValueAnimator.ofFloat(0, 0);translateYAnimation.setDuration(TWO_REFRESH_DURING);translateYAnimation.setInterpolator(new ViscousInterpolator());// ViscousInterpolator是prl默认的插值器translateYAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {    @Override    public void onAnimationUpdate(ValueAnimator animation) {        float m = (float) animation.getAnimatedValue();        pullRefreshLayout.moveChildren((int) m);// 移动prl    }});```  换行之前:先设置header的高度宽度为match_parent,再记住PullRefreshLayout(以下简称prl)设置的初始一级刷新的距离(因为二级刷新需要重新设置刷新触发距离)。

换行之后:translateYAnimation是一个回复动画,当header显示完全后,由于prl处于刷新状态下并不会执行refresh动画,所以需要translateYAnimation来实现refresh动画的效果

2.一级刷新触发的时候```public void onPullHolding() {    if (pullRefreshLayout.getMoveDistance() >= twoRefreshDistance) {        pullRefreshLayout.setPullDownMaxDistance(getHeight() * 2);        pullRefreshLayout.setRefreshTriggerDistance(getHeight());        pullRefreshLayout.setRefreshAnimationDuring(TWO_REFRESH_DURING);        pullRefreshLayout.setDispatchPullTouchAble(false);        pullRefreshLayout.setTwinkEnable(false);        ...    }}```说明: onPullHolding()的执行在refresh动画开始之前,而onRefresh()在refresh动画开始时执行

if语句判读的是是否处可以触发二级刷新,

setPullDownMaxDistance(getHeight() * 2)这里重设向下拖拽的最大距离,这样prl在header完全显示的情况下仍可以向下拖拽

setRefreshTriggerDistance(getHeight())这里就是二级刷新的核心,更改了刷新触发的拖拽距离,这样refresh动画就会呈现完全展开的样式

setRefreshAnimationDuring(TWO_REFRESH_DURING)设置refresh动画的时间

setDispatchPullTouchAble(false)为了保证refresh动画不被打断,使得header完全显示出来

setTwinkEnable(false)处于二级刷新状态下取消回弹,使得回复动画不会混乱

3.prl移动执行的逻辑,onPullChange(percent)```if (pullRefreshLayout.getMoveDistance() >= getHeight()) {// getHeight() 为二级刷新重新设置的距离    pullRefreshLayout.setDispatchPullTouchAble(true);    isTwoRefresh = true;}if (!isTwoRefresh) {// 处于二级刷新的状态下才执行以下的二级刷新的相关逻辑    return;}if (percent <= 0 && !pullRefreshLayout.isHoldingFinishTrigger()) {    pullRefreshLayout.refreshComplete();}if (pullRefreshLayout.getMoveDistance() > getHeight() - firstRefreshTriggerDistance) {    if (!pullRefreshLayout.isDragDown() && !pullRefreshLayout.isDragUp()) {        translateYAnimation.setFloatValues(pullRefreshLayout.getMoveDistance(), getHeight());        translateYAnimation.start();    } else if (translateYAnimation.isRunning()) {        translateYAnimation.cancel();    }} else if (!pullRefreshLayout.isDragDown() && !pullRefreshLayout.isDragUp()) {    pullRefreshLayout.refreshComplete();}```这里稍微有点复杂,当header显示完全执行setDispatchPullTouchAble(true),恢复prl默认的手势,并设置二级刷新标识isTwoRefresh为true表示处于二级刷新状态下

二级刷新的状态下(if (!isTwoRefresh) { , 之后):

if (percent <= 0 && !pullRefreshLayout.isHoldingFinishTrigger()) { ,这里是拖拽出footer,又处在二级刷新的状态下时候,pullRefreshLayout.refreshComplete()结束二级刷新状态(不结束的话,prl默认的回复动画就不会触发)

if (pullRefreshLayout.getMoveDistance() > getHeight() - firstRefreshTriggerDistance) { ,二级刷新是否需要结束的判断,

if (!pullRefreshLayout.isDragDown() && !pullRefreshLayout.isDragUp()) { ,这里判断是否处在onTouch(手指触摸屏幕)状态,如果没有且二级刷新不需要结束,则执行translateYAnimation的回复动画,使得header回到完全显示的状态;如果处在onTouch状态,如果translateYAnimation正在执行,则cancel掉translateYAnimation

最后一个else if 判断处在二级刷新需要结束且又不在onTouch的状态下,结束二级刷新#### 2.[SlidingDownHeader](https://github.com/genius158/PullRefreshLayout/blob/master/app/src/main/java/com/yan/refreshloadlayouttest/widget/SlidingDownHeader.java)说明:SlidingDownHeader只支持横向滑动(由于prl在竖直方向做了太多的事情,处理header的纵向滑动考虑的东西会比较多,延展prl的实际意义也就不大,不过不带回弹的话还是好实现)

实现逻辑与二级刷新基本一致,主要说明一下横向冲突处理```@Overridepublic boolean dispatchTouchEvent(MotionEvent ev) {    if (!isSlidingDown) { // 是否处在header展开状态        return super.dispatchTouchEvent(ev);    }    switch (ev.getActionMasked()) {        case MotionEvent.ACTION_MOVE:            if (pullRefreshLayout.isLayoutDragMoved()) {//prl是否移动,也就是touch事件为纵向                ev.setAction(MotionEvent.ACTION_CANCEL);// 取消header的事件分发                return super.dispatchTouchEvent(ev);            } else if (pullRefreshLayout.isDragHorizontal()) {//prl是否处在横向拖动状态                pullRefreshLayout.setDispatchPullTouchAble(false);//不执行prl默认的事件分发            }            break;        case MotionEvent.ACTION_UP:        case MotionEvent.ACTION_CANCEL:            pullRefreshLayout.setDispatchPullTouchAble(true);//恢复prl的默认事件分发                        // 由于在ACTION_MOVE的时候取消了prl的默认事件分发,横向拖拽的标志不会复原            // 需要重新分发prl的ACTION_CANCEL事件,重置移动标志为            if (pullRefreshLayout.isDragHorizontal()) {                MotionEvent event = MotionEvent.obtain(ev);                event.setAction(MotionEvent.ACTION_CANCEL);                pullRefreshLayout.dispatchTouchEvent(event);            }                        //由于prl重新分发ACTION_CANCEL事件,事件又会传回header,            //为了保证横向滑动的继续执行,将ACTION_CANCEL转变为ACTION_UP事件            ev.setAction(MotionEvent.ACTION_UP);    }    return super.dispatchTouchEvent(ev);}```

调用prl.setHeaderShowGravity(ShowGravity.CENTER)可以更改header的拽出方式(默认8种),也就是效果图2、3、4 ,其余的就不展示了

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

推荐阅读更多精彩内容