2017-02-02 9 views
0

私はUIBezier Pathをアニメーションしてサークルを回り、その間にストロークカラーを変更しました。それがまっすぐ進むと、私はそれを逆の方向にまっすぐに行きます。ここでパスを前方および後方にアニメーション化する方法は?

はそれを転送行かせるコードです:

[CATransaction begin]; 
    { 
     [CATransaction setAnimationDuration: 3.0];//Dynamic Duration 
     [CATransaction setCompletionBlock:^{ 
      [tutorialCircle removeFromSuperlayer]; 
      tutorialCircle.opacity = 0.0; 
      strokePart.opacity = 0.0; 
      [strokePart removeFromSuperlayer]; 
     }]; 

     const double portion = 1.0/((double)3); 

     for (NSUInteger i = 0; i < 3; i++) 
     { 
      strokePart = [[CAShapeLayer alloc] init]; 
      strokePart.fillColor = [[UIColor clearColor] CGColor]; 
      strokePart.frame = tutorialCircle.bounds; 
      strokePart.path = tutorialCircle.path; 
      strokePart.lineCap = tutorialCircle.lineCap; 
      strokePart.lineWidth = tutorialCircle.lineWidth; 

      if (i == 0) { 
       strokePart.strokeColor = [UIColor greenColor].CGColor; 
      } 

      else if (i == 1) { 
       strokePart.strokeColor = [UIColor orangeColor].CGColor; 
      } 

      else if (i == 2) { 
       strokePart.strokeColor = [UIColor redColor].CGColor; 
      } 
      strokePart.strokeStart = i * portion; 
      strokePart.strokeEnd = (i + 1) * portion; 

      [tutorialCircle addSublayer: strokePart]; 

      animation = [CAKeyframeAnimation animationWithKeyPath: @"strokeEnd"]; 
      NSArray* times = @[ @(0.0), // Note: This works because both the times and the stroke start/end are on scales of 0..1 
           @(strokePart.strokeStart), 
           @(strokePart.strokeEnd), 
           @(1.0) ]; 
      NSArray* values = @[ @(strokePart.strokeStart), 
           @(strokePart.strokeStart), 
           @(strokePart.strokeEnd), 
           @(strokePart.strokeEnd) ]; 

      animation.keyTimes = times; 
      animation.values = values; 
      animation.removedOnCompletion = YES; 
      animation.fillMode = kCAFillModeForwards; 
      [animation setDelegate:self]; 
      [strokePart addAnimation: animation forKey: @"whatever"]; 
     } 
    } 
    [CATransaction commit]; 

だから最初のアニメーションのための私のanimationDidStopのデリゲートメソッドで、私はしかし、私は、私は後方に行くために、第2のアニメーションを呼び出すことだろう知っていますこのためにアニメーションを作成するのに苦労しています。

答えて

0

試しましたか?

animation.autoreverses = YES

+0

はい、これはほぼ正確に私がしたいものですが、戻ってくると色が変わります –

関連する問題