上节末尾提到 transition 的动画时说到, ios 常用的 animation 有 UIView 的 animation blocks 和 core animation (CALayer) 两种, 一般简单的动画 UIView 都能满足, CALayer 的动画更高效,也能达到更复杂的动画,比如三维的变换, 每一个view 都有 layer 这一属性,CALayer 是对 view 的 layer 设置动画,当然使用 CAlayer 需要引入 core animation framework。
CALayer 的高效也体现在它不阻塞主线程,换句话说,用 UIView.animation 做一个2s的动画, 这2s之间点击页面上的其他按钮都没有响应, 要等动画做完才可以, 而CALayer 的 basicAnimation 不会阻塞主线程,所以有这种需求时可以考虑CALayer。
animation blocks 有什么好处呢? 下面以一个例子解释一下:
下面的 swift 函数实现的事在当前ViewController中加一个Lable, 做了一系列动画之后就从View中拿掉。这期间用animation blocks做了2个动画,一个做放大,放大到1.2倍;做完放大做逐渐消失,alpha 值从 1 到 0,写法类似于js的callback,第二个动画也完成之后,把 lable 从当前 View 中 remove 掉。
func showLable(name : String, parentView : UIViewController, center : CGPoint) { let lable = UILabel(frame: CGRectMake(0, 0, 200, 50)) lable.center = center lable.text = name lable.textColor = UIColor.whiteColor() lable.textAlignment = NSTextAlignment.Center parentView.view.addSubview(lable) UIView.animateWithDuration(1.0, animations: { () -> Void in let transform = CGAffineTransformMakeScale(1.2, 1.2) lable.layer.setAffineTransform(transform) }, completion: {(value: Bool) -> Void in UIView.animateWithDuration(0.8, animations: { lable.alpha = 0 }, completion: {(value: Bool) -> Void in lable.removeFromSuperview() }) }) }上面的block一定要注意写明animation和completion的输入参数和返回值,() -> Void 和 (value: Bool) -> Void.
上面两个动画用CALayer实现看起来就冗长了一些,
//filter lable animation with CAlayer , do not stuck main thread // Usage example: Animation.scale(lable, time: 1, from: 2.0, to: 1.5) // Animation.vanish(lable, time: 1.15) class func scale(target: UIView, time: CFTimeInterval, from: CGFloat, to: CGFloat) { let animation: CABasicAnimation = CABasicAnimation(keyPath: "transform.scale") animation.duration = CFTimeInterval(time) animation.fromValue = from animation.toValue = to animation.autoreverses = false target.layer.anchorPoint = CGPointMake(0.5, 0.5) target.layer.addAnimation(animation, forKey: "scale") } class func vanish(target: UIView, time: CFTimeInterval) { let animation: CABasicAnimation = CABasicAnimation(keyPath: "opacity") animation.fromValue = 1.0 animation.toValue = 0.0 animation.duration = CFTimeInterval(time) target.layer.addAnimation(animation, forKey: "Image-opacity") target.alpha = 0 }
但是直接顺序调用这两个函数并不能重现像第一段swift代码中animation block实现的:“当放大动画结束之后,触发消失动画” 这个需求。想要达到这个Animation End Callback,需要 1. 设置animation.delegate = self, 2. 重载 delegate 方法 animationDidStop:finished:
。详细教程可参照http://www.raywenderlich.com/forums/viewtopic.php?t=18820&p=82648
所以,当有这种简单动画严格遵循执行顺序的需求时,直接用 animation block 还是不错的选择的。