zoukankan      html  css  js  c++  java
  • iOS --一个普通的下拉刷新的控件要如何写

    现在iOS里有很多成熟的下拉刷新控件,比如MJRefresh,SVPullToRefresh

    我这里参考了SV的写法,但是回调用的是代理,没有用block,个人感觉用代理更简洁一点

    下拉刷新的基本原理

    在scrollview的上面和下面分别添加一个view,上面的是下拉的时候展示下拉动画的headerView,下面的是上拉加载更多的时候展示动画的footerView

    这里的headerView和footerView都是自己添加的,和tableView自己的header,footer不一样

    headerView是添加在scrollView的最上面的,设置frame的时候origin.y是负数

    当下拉达到条件就触发刷新,同时更改scrollview的contentInsert.top值,以使手指松开之后headerView仍然可以露出来

    刷新结束之后,停止headerView上面的动画,然后把contentInsert的值改回去

    footerView是添加在最下方的,frame.origin.y是scrollview的contentSize.height

    在上拉到一定程度之后就更改scrollview的contentInsert,使footerView可以露出来,加载结束之后就改回去

    如何写下拉刷新

    写下拉刷新一般都是给scrollview写一个类别,添加一个新的方法,来把headerView和footerView添加到scrollview上面

    给scrollview声明一个headerView类型的属性(如何给类别添加属性

    然后给scrollview的contentoffset属性添加监听者,这个监听者就是headerView

    这样,在scrollview滑动的时候,就可以监听到滑动的情况,并根据数据来决定是否刷新和时候改变scrollview.contentInsert.y

    然后再写一个停止刷新的方法,用来停止刷新动画和更改scrollview.contentInsert.top

    这样scrollview的扩展就写完了,然后就要写自定义的headerView

    headerView的动画是根据需要些的,数据来源就是监听到的contentoffset

    在scrollViewDidScroll方法里来处理监听到的值

    这里使用了一个枚举类型来记录刷新状态,从而控制动画

    虽然原理简单,但是实践起来遇到了很多困难,有技术上的,也有逻辑上的,心力交瘁,才搞出来一个小Demo https://github.com/chebaoGitHub/CBGeneralRefreshView

    footerView同理

    结语:

    写这个控件最大的收获就是加深了对set get方法的理解,对scrollview的理解,对category的理解

    但是这里仍然有一个bug:

    在下拉达到条件,headerView开始动画,设置contentInsert之后,正在回弹的scrollview会出现抖动,手指滑的越快抖动越厉害,不知道为什么,现在还没有解决

  • 相关阅读:
    HDR & Bloom
    Parallax Mapping
    Normal Mapping & Tangent Space
    Gamma校正背后的原理
    内存对齐及其原理
    关于深度值的一些需要说明的点
    帧缓冲(Framebuffer)
    面剔除和深度测试
    工具·MashLab调整网格模型坐标系
    工具·notepad++正则表达式替换文本
  • 原文地址:https://www.cnblogs.com/chebaodaren/p/5387780.html
Copyright © 2011-2022 走看看