首先我创建了两个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