swift2.0 CASpringAnimation 和 UIView.animateWithDuration 分别实现弹性动画

前端之家收集整理的这篇文章主要介绍了swift2.0 CASpringAnimation 和 UIView.animateWithDuration 分别实现弹性动画前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

首先我创建了两个view 一个红色的 一个黄色的 分别代表两个方法要实现动画的界面

var readView:UIView!
    var yellowView:UIView!

    override func viewDidLoad() {

        super.viewDidLoad()
        readView = UIView(frame: CGRectMake(0,60,60))
        readView.backgroundColor = UIColor.redColor()
        self.view.addSubview(readView)


        yellowView = UIView(frame: CGRectMake(0,140,60))
        yellowView.backgroundColor = UIColor.yellowColor()
        self.view.addSubview(yellowView)


        // Do any additional setup after loading the view,typically from a nib.
    }

我们将在 override func viewDidAppear(animated: Bool)方法里实现两个动画
首先我们实现UIView 动画用 UIView Animate 来实现动画
但是这个方法是ios7 的方法 如何(ˇˍˇ) 想~兼容ios6 就没有办法用这个函数

SpringDamping 阻尼系数 0~1 系数越小 弹性越明显
  SpringVelocity 速度
  i
UIView.animateWithDuration(1,delay: 0,usingSpringWithDamping: 0.5,initialSpringVelocity: 10,options: .CurveEaSEOut,animations: { () -> Void in self.readView.center.x = 200 }) { (Bool) -> Void in

        }

ios9 后苹果推出了CASpringAnimation 方法来实现弹性动画
它继承了 CABasicAnimation 通过layer来实现弹性动画的
好处是向下兼容的
下面是黄色View实现的动画代码

let springAnimation = CASpringAnimation(keyPath: "position.x")
        springAnimation.damping = 5         //阻尼系数 0 ~ 10
        springAnimation.mass    = 1         //弹簧末端的质量 大于 0 质量越大弹性就越大
        springAnimation.initialVelocity = 5 //速度
        springAnimation.stiffness = 80; //弹簧刚度系数 0 到 100 系数越大力就越大
        springAnimation.fromValue =  yellowView.layer.position.x //起始的位置
        springAnimation.toValue   =  yellowView.layer.position.x + CGFloat(200) //结束位置
        springAnimation.duration  =  springAnimation.settlingDuration //结束时间

        yellowView.layer.addAnimation(springAnimation,forKey:  springAnimation.keyPath)

这时候我们的简单的弹性动画就实现
动画结束后我们发现位置又恢复了以前的位置
加上下面两行代码就停止在我们改变的地方了

springAnimation.removedOnCompletion = false
springAnimation.fillMode = kCAFillModeForwards

猜你在找的Swift相关文章