CAAnimation(五) 部分动画示例-雷达、旋转

2017-04-05

代码示例

雷达动画

雷达动画是动态改变Scale和透明度来完成呼吸灯效果的


- (CAAnimationGroup *)breathAnimation {

    //使用CABasicAnimation控制脉冲的大小
    CABasicAnimation *scaleAnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale.xy"];
    scaleAnimation.fromValue = @0.5;
    scaleAnimation.toValue = @1.0;
    //使用CAKeyframeAnimation来设置透明度渐变
    CAKeyframeAnimation *opacityAnimation = [CAKeyframeAnimation animationWithKeyPath:@"opacity"];
    opacityAnimation.values = @[@0.45, @0.45, @0];
    opacityAnimation.keyTimes = @[@0, @0.2, @1];
    opacityAnimation.removedOnCompletion = NO;
    //
    CAAnimationGroup *animationGroup = [CAAnimationGroup animation];
    animationGroup.duration = 2;//每次持续时长
    animationGroup.repeatCount = INFINITY;//重复次数
    animationGroup.removedOnCompletion = NO;//结束后是否移除
    animationGroup.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];//时间函数控制动画节奏

    NSArray *animations = @[scaleAnimation, opacityAnimation];
    animationGroup.animations = animations;
    return animationGroup;
}

旋转动画

让视图围绕Z轴旋转，便可作出在XY平面上(屏幕)的旋转效果

- (CABasicAnimation)runSpinAnimationOnView {
  CABasicAnimation* rotationAnimation;
  rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
  rotationAnimation.toValue = [NSNumber numberWithFloat: M_PI * 2.0];
  rotationAnimation.duration = 2.0;
  rotationAnimation.cumulative = YES;
  rotationAnimation.repeatCount = 3;
  rotationAnimation.removedOnCompletion = YES;
  return rotationAnimation;
}