Swift 让我来告诉你封装下拉刷新多么简单

Swift.jpg

下拉刷新可以说是每个项目的必须品,最近在做一个 Swift 的项目,本着以锻炼自己的目的,封装了一个下拉刷新库 LCRefresh ,在这里分享给大家。

开源库 LCRefresh 的 Demo 以及源码已经上传到 Git
https://github.com/liutongchao/LCRefresh

1、如何使用 LCRefresh

使用 LCRefresh 非常方便,只需添加一行代码。

Pod 支持

pod 'LCRefresh', '~> 0.1.12'

添加下拉刷新 和 上拉加载
import LCRefresh

table.refreshHeader = LCRefreshHeader.init(refreshBlock: {
       print("Header 刷新")
        //TODO
 })

table.refreshFooter = LCRefreshFooter.init(refreshBlock: {
         print("Footer 刷新")
        //TODO
 })
完成刷新
weak var weakSelf = self
if weakSelf!.table.isHeaderRefreshing() {
    weakSelf!.table.endHeaderRefreshing()
}

if weakSelf!.table.isFooterRefreshing() {
    weakSelf!.table.endFooterRefreshing()
}
数据加载完毕
weakSelf!.table.setDataLoadover()

weakSelf!.table.resetDataLoad()
刷新的效果图
HeaderRefresh.png

2、如何去封装自己的刷新控件

这里分享一下封装刷新控件的心路历程

① 创建刷新视图,并创建View的各种状态(因为要支持pod xib改为了纯代码)

LCRefreshHeader
extension LCRefreshHeader{
/** 各种状态切换 */
func setNomalStatus() {
    if activity.isAnimating {
        activity.stopAnimating()
    }
    activity.isHidden = true
    
    contenLab.text = "下拉可以刷新"
    image.isHidden = false
    
    UIView.animate(withDuration: 0.2, animations: {
        self.image.transform = CGAffineTransform.identity
    })
}

func setWaitRefreshStatus() {
    if activity.isAnimating {
        activity.stopAnimating()
    }
    activity.isHidden = true
    
    contenLab.text = "松开立即刷新"
    image.isHidden = false
    
    UIView.animate(withDuration: 0.2, animations: {
        self.image.transform = CGAffineTransform(rotationAngle: CGFloat(-M_PI))
        
    })
}

func setRefreshingStatus() {
    activity.isHidden = false
    activity.startAnimating()
    
    contenLab.text = "正在刷新数据..."
    image.isHidden = true
}

}

②拓展 UIScrollView 动态绑定属性

 /** header **/
public var refreshHeader: LCRefreshHeader? {
    get{
        let key = UnsafeRawPointer.init(bitPattern: "refreshHeader".hashValue)
        let result = objc_getAssociatedObject(self, key) as? LCRefreshHeader
        return result
    }
    set{
        let key = UnsafeRawPointer.init(bitPattern: "refreshHeader".hashValue)
        objc_setAssociatedObject(self, key, newValue, objc_AssociationPolicy.OBJC_ASSOCIATION_RETAIN)
        
        let result = objc_getAssociatedObject(self, key) as? LCRefreshHeader
        if result != nil {
            self.addSubview(result!)
        }
        //添加滑动监测
        addOffsetObserver()
        weak var weakSelf = self
        weakSelf!.panGestureRecognizer.addTarget(weakSelf!, action: #selector(UIScrollView.scrollViewDragging(_:)))
    }
    
}
/** footer **/
public var refreshFooter: LCRefreshFooter? {
    get{
        let key = UnsafeRawPointer.init(bitPattern: "refreshFooter".hashValue)
        let result = objc_getAssociatedObject(self, key) as? LCRefreshFooter
        return result
    }
    set{
        let key = UnsafeRawPointer.init(bitPattern: "refreshFooter".hashValue)
        objc_setAssociatedObject(self, key, newValue, objc_AssociationPolicy.OBJC_ASSOCIATION_RETAIN)
        
        let result = objc_getAssociatedObject(self, key) as? LCRefreshFooter
        if result != nil {
            result!.isHidden = true
            self.addSubview(result!)
        }
        //添加滑动监测
        addOffsetObserver()
        weak var weakSelf = self
        weakSelf!.panGestureRecognizer.addTarget(weakSelf!, action: #selector(UIScrollView.scrollViewDragging(_:)))
    }
    
}

添加视图,监测 ScrollView 滑动,以及drag 响应

③根据ScrollViewcontentOffset 来区分是下拉刷新还是上拉加载,然后根据 contentOffset 的值来切换刷新View的状态

/** 滑动相关 */

 open override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
    if keyPath == "contentOffset" {
        let offSet = self.contentOffset.y
        let scrollHeight = self.bounds.size.height
        let inset = self.contentInset
        var currentOffset = offSet + scrollHeight - inset.bottom
        let maximumOffset = self.contentSize.height
        
        /** 数据未充满屏幕的情况 **/
        if maximumOffset < scrollHeight {
            currentOffset = offSet + maximumOffset - inset.bottom
        }
        
        if offSet < 0 {
            /** 下拉刷新 */
            guard self.refreshHeader != nil else{
                return
            }
            scrollHeader(offSet)
            self.refreshObj = LCRefreshObject.header
            
            
        }else if currentOffset - maximumOffset > 0 {
            /** 上拉刷新 */
            
            guard self.refreshFooter != nil else{
                return
            }
            guard self.refreshFooter!.refreshStatus != .loadover else {
                return
            }

            scrollFooter(currentOffset - maximumOffset)
            self.refreshObj = .footer
            
        }else{
            /** 无刷新对象 */
            self.refreshObj = .none
        }

    }
}

View状态切换

 func scrollHeader(_ offSet: CGFloat) {//参数为负数
    guard self.refreshHeader != nil else{
        print("Header加载失败")
        return
    }
    guard self.refreshHeader!.refreshStatus != .refreshing else{
        return
    }
    if offSet < -LCRefreshHeaderHeight {
        self.refreshHeader!.setStatus(LCRefreshHeaderStatus.waitRefresh)
    }else{
        self.refreshHeader!.setStatus(LCRefreshHeaderStatus.normal)
    }

}

④最后拖拽结束时再根据刷新对象切换View 到刷新状态。

/** 拖拽相关 */
func scrollViewDragging(_ pan: UIPanGestureRecognizer){
    if pan.state == .ended{
        if self.refreshObj == LCRefreshObject.header {
            draggHeader()

        }else if self.refreshObj == LCRefreshObject.footer{
            draggFooter()
        }
    }
}

这之间涉及到contentOffset值的设置,在这里就不一一明说了,给出的源码里都有。

现在只是开发出了这一种样式,以后会更多的样式以供大家使用,当然,你也可以根据给出的源码自己来修改样式。

有好的建议欢迎来与我互相探讨 -- LC.West

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 127,740评论 18 546
  • 有的人不会看
    13841006834阅读 28评论 0 0
  • 表姐和抑郁症 我的表姐失踪近一个月了,她有抑郁症。 一次无意中跟L聊起抑郁症,才听说他也曾是患者,吃了一年的药才好...
    羊它它阅读 11,396评论 25 21
  • 2017年10月13日,如是家人甘霖,种种子第74天 发心:我今不是为了我个人而闻思修,而是为了六道轮回一切如母有...
    格桑拉姆甘霖阅读 35评论 0 2
  • 112吧6N95匿名信五天了么么哒哒 那你面试官人都已经是说的哦啦啦km那
    0c210d4e5a88阅读 39评论 0 1