Skip to content

Json-chen/BulingPtrFrameLayout

Repository files navigation

PtrFrameLayout高级编程-自定义header

前景

    最近项目中的下拉刷新控件使用的`ptrFrameLayout`,需要对header进行自定义,效果图如下: 
    
    ![](https://github.com/Json-chen/BulingPtrFrameLayout/raw/master/device-2017-05-24-104313.gif)

需求解析

    >1.布局可见视图高度为120px;
    >2.用户下拉过程没超过120px之前,右手由底部慢慢伸出,金币由顶部慢慢下落;
    >3.当达到刷新值时,松手后金币开始出现光环并转圈`(此过程在请求数据)`;
    >4.数据加载完成后,光环逐渐透明,金币上逐渐出现文字`(此过程耗时0.5s)`;
    >5.待文字完全出现后,金星闪烁一次;
    >6.右手捏着金币缩回底部,结束。

技术难点

    整个过程虽然步骤多,但多数是关于view的平移,转动等操作,但其实有几个要点需要注意:
            >1.用户手势操作如何关联header中各个view的生命周期`(即何时右手出现,何时光圈转动等)`;
            >2.请求完数据后,需要主动调用ptrFrameLayout.refreshComplete(),
               这时header会马上还原(用过ptr的应该知道),但是按照需求,在得到数据之后还有一些视图效果需要展示,然后再还原。所以难点在于,如何在                    header还原之前拦截掉;

作者

* author:`robert`
* QQ:`361981278`

About

PtrFrameLayout高级编程-自定义header

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages