iOS View Animations and Layer Animations

一. View Animations 一些属性介绍

  UIView.animateWithDuration(0.5, delay: 0.3, options: [], animations: {
      //code 
      username.center.x += self.view.bounds.width                             
}, completion:nil)  在//code 加你想要怎么移动  上面例子可以使username.center.x 向右移动

duration: 动画运行时间
delay: 在开始动画之前延迟的时间
options: 一个集合定义动画是一个Struct
UIViewAnimationOptions 继承了 OptionSetType
.Repeat: 让动画一直循环
.Autoreverse: 让动画原路返回和.Repeat 一直可以实现反复播放动画如下面这样
username.center.x -= view.bounds.width
UIView.animateWithDuration(0.5, delay: 0.3, options: [.Repeat, .Autoreverse], animations: {
username.center.x += self.view.bounds.width
}, completion:nil)
.Linear: 整个动画过程中平顺没有加速
.CurveEaseOut:整个动画过程在最后减速
.CurveEaseIn:整个动画过程在开始先减速
.CurveEaseInOut: 整个动画过程在开始和结束的时候减速这也是默认的属性

二. Layer Animations

layer animations 比 View Animations 有更多的动画属性更加灵活的控制动画

     let flyRight = CABasicAnimation(keyPath: "position.x")
     flyRight.fromValue = -view.bounds.size.width/2
     flyRight.toValue = view.bounds.size.width/2
     flyRight.duration = 0.5                                                          
     backgroundColor.autoreverses = true
     backgroundColor.repeatCount = 10
     username.addAnimation(flyRight, forKey:nil)

这是简单的Layer Animations 和 UIView Animations 对比实现的效果和上面的UIViewAnimation 一样但是Layer Animation 的属性更多并且可以被复用下面介绍layer animation 常用属性

beginTime
layer animation 的beginTime 这个属性是动画开始的绝对时间下面代码可以让动画延迟0.3秒开始
flyRight.beginTime = CACurrentMediaTime() + 0.3
fillMode
KCAFillModeRemoved 这是默认属性动画结束后layer恢复之前的状态
KCAFillModeBackwards 动画开始之前先初始动画结束之后恢复之前状态
KCAFillModeForwards 动画结束后变成动画之后的状态
KCAFillModeBoth 是 KCAFillModeForwards 和 KCAFillModeBackwards的合并状态
同时必须设置
removedOnCompletion = false 不然动画一完成就会消失结合 fillMode 可以保持动画结束之后不消失

iOS View Animations and Layer Animations

一. View Animations 一些属性介绍

二. Layer Animations

推荐阅读更多精彩内容