swift中的动画

UIView的通用动画

let view &＃61; UIView(frame: CGRectMake(10.0, 10.0, 100.0, 40.0))
self.view.addSubview(view)
view.backgroundColor &＃61; UIColor.lightGrayColor()
// 位置改变
var frame &＃61; view.frame
UIView.animateWithDuration(0.6, delay: 2.0, options: UIViewAnimationOptions.CurveEaseInOut, animations: {() -> Void inframe.origin.x &＃61; 200.0view.frame &＃61; frame}) {(finished:Bool) -> Void inUIView.animateWithDuration(0.6) {() -> Void inframe.origin.x &＃61; 10.0view.frame &＃61; frame}
}

CABasicAnimation核心动画
1、CABasicAnimation类只有三个属性&＃xff1a;
fromValue&＃xff1a;开始值
toValue&＃xff1a;结束值
Duration&＃xff1a;动画的时间
repeatCount&＃xff1a;重复次数

2、通过animationWithKeyPath键值对的方式设置不同的动画效果
transform.scale
transform.scale.x
transform.scale.y
transform.rotation.z
opacity
margin
zPosition
backgroundColor
cornerRadius
borderWidth
bounds
contents
contentsRect
cornerRadius
frame
hidden
mask
masksToBounds
opacity
position
shadowColor
shadowOffset
shadowOpacity
shadowRadius

let view &＃61; UILabel(frame: CGRectMake((self.view.frame.size.width - 200.0) / 2, 10.0, 200.0, 40.0))
self.view.addSubview(view)
view.text &＃61; "缩放/淡入淡出"
view.textAlignment &＃61; .Center
view.adjustsFontSizeToFitWidth &＃61; true
view.backgroundColor &＃61; UIColor.lightGrayColor()
//
let layer &＃61; view.layer
// 开始动画
// 缩放
let scaleAnimate &＃61; CABasicAnimation(keyPath: "transform.scale")
scaleAnimate.fromValue &＃61; 1.0
scaleAnimate.toValue &＃61; 1.5
scaleAnimate.autoreverses &＃61; true
scaleAnimate.repeatCount &＃61; MAXFLOAT
scaleAnimate.duration &＃61; 1.0
// 淡入淡出
let opaqueAnimate &＃61; CABasicAnimation(keyPath: "opacity")
opaqueAnimate.fromValue &＃61; 0.1
opaqueAnimate.toValue &＃61; 1
opaqueAnimate.autoreverses &＃61; true
opaqueAnimate.repeatCount &＃61; MAXFLOAT
opaqueAnimate.duration &＃61; 1.0
layer.addAnimation(scaleAnimate, forKey: "scaleAnimate")
layer.addAnimation(opaqueAnimate, forKey: "opacityAnimate")

// 组合动画
let view3 &＃61; UILabel(frame: CGRectMake(10.0, (currentView.frame.origin.y &＃43; currentView.frame.size.height &＃43; 10.0), 120.0, 40.0))
self.view.addSubview(view3)
view3.text &＃61; "组合动画"
view3.textAlignment &＃61; .Center
view3.adjustsFontSizeToFitWidth &＃61; true
view3.backgroundColor &＃61; UIColor.lightGrayColor()
//
let layer3 &＃61; view3.layer
// CAAnimationGroup组合动画效果
let rotate: CABasicAnimation &＃61; CABasicAnimation()
rotate.keyPath &＃61; "tranform.rotation"
rotate.toValue &＃61; M_PI
let scale: CABasicAnimation &＃61; CABasicAnimation()
scale.keyPath &＃61; "transform.scale"
scale.toValue &＃61; 0.0
let move: CABasicAnimation &＃61; CABasicAnimation()
move.keyPath &＃61; "transform.translation"
move.toValue &＃61; NSValue(CGPoint: CGPoint(x: 217, y: 230))
let animationGroup:CAAnimationGroup &＃61; CAAnimationGroup()
animationGroup.animations &＃61; [rotate, scale, move]
animationGroup.duration &＃61; 2.0
animationGroup.fillMode &＃61; kCAFillModeForwards
animationGroup.removedOnCompletion &＃61; false
animationGroup.repeatCount &＃61; MAXFLOAT
//
layer3.addAnimation(animationGroup, forKey: nil)

CAKeyframeAnimation关键帧动画
主要属性:
keyPath : 要设置的属性
path : 路径 可用UIBezierPath&＃xff08;设置了path&＃xff0c;将忽略values&＃xff09;
duration : 动画时长
repeatCount : 重复次数
calculationMode : 动画计算方式
values&＃xff1a;每一个关键帧&＃xff08;设置了path&＃xff0c;将忽略values&＃xff09;
removedOnCompletion&＃xff1a;执行完之后不删除动画
fillMode&＃xff1a;执行完之后保存最新的状态
delegate&＃xff1a;代理

let view &＃61; UILabel(frame: CGRectMake((self.view.frame.size.width - 200.0) / 2, 10.0, 200.0, 40.0))
self.view.addSubview(view)
view.text &＃61; "CAKeyframeAnimation动画"
view.backgroundColor &＃61; UIColor.lightGrayColor()
//
let layer &＃61; view.layer
// 位移
let keyAnimate &＃61; CAKeyframeAnimation(keyPath: "position")
// 设定关键帧
let value0 &＃61; NSValue(CGPoint: layer.position)
let value1 &＃61; NSValue(CGPoint: CGPointMake(layer.position.x, layer.position.y &＃43; 200))
let value2 &＃61; NSValue(CGPoint: CGPointMake(layer.position.x - 150, layer.position.y &＃43; 200))
let value3 &＃61; NSValue(CGPoint: CGPointMake(layer.position.x - 150, layer.position.y))
let value4 &＃61; NSValue(CGPoint: layer.position)
// 速度曲线
let tf0 &＃61; CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
let tf1 &＃61; CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear)
let tf2 &＃61; CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseIn)
let tf3 &＃61; CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseOut)
keyAnimate.timingFunctions &＃61; [tf0, tf1, tf2, tf3]
// 每段执行的时间
keyAnimate.keyTimes &＃61; [0.0, 0.5, 0.6, 0.7, 1]
//
keyAnimate.values &＃61; [value0, value1, value2, value3, value4]
keyAnimate.autoreverses &＃61; false
keyAnimate.repeatCount &＃61; 3
keyAnimate.duration &＃61; 6.0
//
keyAnimate.delegate &＃61; self
//
layer.addAnimation(keyAnimate, forKey: "position")

// 代理方法
override func animationDidStart(anim: CAAnimation) {print("开始")
}override func animationDidStop(anim: CAAnimation, finished flag: Bool) {print("结束")
}

let view3 &＃61; UILabel(frame: CGRectMake(10.0, (currentView.frame.origin.y &＃43; currentView.frame.size.height &＃43; 10.0), 60.0, 60.0))
self.view.addSubview(view3)
view3.text &＃61; "抖动"
view3.backgroundColor &＃61; UIColor.lightGrayColor()
//
let layer3 &＃61; view3.layer
// 抖动
let animation3 &＃61; CAKeyframeAnimation()
animation3.keyPath &＃61; "transform.rotation"
// (-M_PI_4 /90.0 * 5)表示-5度 。
let value31 &＃61; NSValue(CGPoint: CGPointMake(CGFloat(-M_PI_4 / 90.0 * 5.0), 0.0))
let value32 &＃61; NSValue(CGPoint: CGPointMake(CGFloat(M_PI_4 / 90.0 * 5.0), 0.0))
let value33 &＃61; NSValue(CGPoint: CGPointMake(CGFloat(-M_PI_4 / 90.0 * 5.0), 0.0))
animation3.values &＃61; [value31, value32, value33];
animation3.removedOnCompletion &＃61; false
animation3.fillMode &＃61; kCAFillModeForwards
animation3.duration &＃61; 0.2
animation3.repeatCount &＃61; MAXFLOAT
//
layer3.addAnimation(animation3, forKey: nil)