iOS 常用動畫

2019-11-09 16:48:50

字體：大中小

來源：轉載

供稿：網友

CABasicAnimation基礎動畫

例如：

UIView *rotationViewX = [[UIView alloc]initWithFrame:CGRectMake(20, 100, 70, 70)]; rotationViewX.backgroundColor = VIEW_COLOR; [self.view addSubview:rotationViewX]; CABasicAnimation *rotationAnimationX = [CABasicAnimation animationWithKeyPath:@"transform.rotation.x"]; rotationAnimationX.beginTime = 0.0; rotationAnimationX.toValue = @(2*M_PI); rotationAnimationX.duration = 1.5; rotationAnimationX.repeatCount = HUGE_VALF; [rotationViewX.layer addAnimation:rotationAnimationX forKey:@"rotationAnimationX"];

基礎動畫常用的keypath：這里寫圖片描述設定動畫的屬性和說明：

CAKeyframeAnimation基礎動畫

CAKeyframeAnimation *orbitAnim = [CAKeyframeAnimation animationWithKeyPath:@"position"]; orbitAnim.duration = 5; orbitAnim.path = path.CGPath; orbitAnim.calculationMode = kCAAnimationPaced; orbitAnim.fillMode = kCAFillModeForwards; orbitAnim.repeatCount = HUGE_VALF; orbitAnim.rotationMode = kCAAnimationRotateAutoReverse; [animView.layer addAnimation:orbitAnim forKey:@"orbitAnim"];

畫線動畫、線條遞增、遞減動畫

CABasicAnimation *pathAnim = [CABasicAnimation animationWithKeyPath:@"strokeEnd"]; pathAnim.duration = 5.0; pathAnim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaSEOut]; pathAnim.fromValue = @(0); pathAnim.toValue = @(1); pathAnim.autoreverses = YES; pathAnim.fillMode = kCAFillModeForwards; pathAnim.repeatCount = HUGE_VALF; [shapeLayer addAnimation:pathAnim forKey:@"strokeEndAnim"];

另還有彈性動畫，波浪效果，火苗效果，詳見demo： https://github.com/ZJQian/AnimationDemo/tree/master

這里寫圖片描述