iOS 动画 -- Chapter 2

作者: ted005 | 来源:发表于2016-11-28 15:13 被阅读42次

UsingSpringWithDamping

值位于0.0 到 1.0 之间,越小越会有弹跳效果。为1.0时,几乎没有弹跳效果。

UIView.animate(withDuration: 3, delay: 0.5, usingSpringWithDamping: 0.1, initialSpringVelocity: 0.0, options: [], animations: {
      self.loginButton.center.y -= 50
      self.loginButton.alpha = 1
    }, completion: nil)
图1
UIView.animate(withDuration: 3, delay: 0.5, usingSpringWithDamping: 1, initialSpringVelocity: 0.0, options: [], animations: {  
      self.loginButton.center.y -= 50
      self.loginButton.alpha = 1
    }, completion: nil)
图2

UsingSpringWithDamping:该阻尼值影响所有属性的动画效果,因此图1中的透明度也有弹跳变化。

initialSpringVelocity

数值越大,动画的开始速度越快,也就需要更长的时间才能停下。

UIView.animate(withDuration: 3, delay: 0.5, usingSpringWithDamping: 0.1, initialSpringVelocity: 1, options: [], animations: {  
      self.loginButton.center.y -= 50
      self.loginButton.alpha = 1
    }, completion: nil)
图3
UIView.animate(withDuration: 3, delay: 0.5, usingSpringWithDamping: 0.1, initialSpringVelocity: 100, options: [], animations: {  
        self.loginButton.center.y -= 50
        self.loginButton.alpha = 1
    }, completion: nil)
图4

图4比图3中的登录按钮弹跳速度更快,更久停下来,而且初始时的幅度更大。

相关文章

  • iOS 动画 -- Chapter 2

    UsingSpringWithDamping 值位于0.0 到 1.0 之间,越小越会有弹跳效果。为1.0时,几乎...

  • Nuke Python 中文帮助目录

    Chapter 0 始 Chapter 1 入门 Chapter 2 动画 Chapter 3 作为python包...

  • ios动画

    ios动画 ios动画2 ios动画3

  • 随手记

    核心动画翻译https://zsisme.gitbooks.io/ios-/content/chapter14/l...

  • 随手记

    核心动画翻译https://zsisme.gitbooks.io/ios-/content/chapter14/l...

  • iOS动画总结(收集)

    iOS动画 1.iOS动画专题·UIView二维形变动画与CAAnimation核心动画 2.iOS动画总结(Co...

  • iOS视频学习教程分享

    音视频 iOS核心动画技术:完美的iOS转场动画 iOS核心动画技巧:完美的iOS高级转场动画(2) iOS高级音...

  • iOS核心动画高级技巧 - 8

    iOS核心动画高级技巧 - 1iOS核心动画高级技巧 - 2iOS核心动画高级技巧 - 3iOS核心动画高级技巧 ...

  • iOS 动画 -- Chapter 4

    淡入淡出效果 使用.transitionCrossDissolve 立方体旋转效果

  • iOS 动画 -- Chapter 1

    同时: Repeat AutoReverse Include this option only in conjun...

网友评论

    本文标题:iOS 动画 -- Chapter 2

    本文链接:https://www.haomeiwen.com/subject/rasopttx.html