Swift 教程之TableView使用06 动画效果

Swift 教程之TableView使用06 动画效果

效果图

Jietu20190506-105949.gif

• 请点击，免费订阅《学Swift挣美元》专栏

之前系列课程

• Swift 教程之TableView使用01基础代码
• Swift 教程之TableView使用02显示图片
• Swift 教程之TableView使用03自定义Cell
• Swift 教程之TableView使用04卡片式Cell
• Swift 教程之TableView使用05 section的打开与关闭

1.添加两个存储高度的变量

    fileprivate var imageHeightColsed: NSLayoutConstraint!
    fileprivate var imageHeightOpened: NSLayoutConstraint!

2. 配置动画函数

  func animate(){
        self.imageHeightOpened.isActive = false
        self.imageHeightColsed.isActive = true
        
        DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 0.1) {
            self.imageHeightColsed.isActive = false
            self.imageHeightOpened.isActive = true
            
            UIView.animate(
                withDuration: 0.3,
                delay:0.15,
                usingSpringWithDamping: 0.2,
                initialSpringVelocity: 0.1,
                options: .curveEaseIn,
                animations: {
                    self.contentView.layoutIfNeeded()
                    
            },completion: nil)
        }
    }

动画的原理非常简单，您给出开始和结束状态，剩下的复杂工作就交给runtime去做吧。