Das Ändern des Pfads von CAShapeLayer in for-Schleife macht keinen Effekt

Question

Ich ändere CAShapeLayer 's Pfad in for Schleife, aber es zeigt nur das letzte Ergebnis der Schleife. Ich weiß, dass ich das mit CABasicAnimation tun kann, aber ich muss den Weg auf diese Weise ändern. Irgendwelche Ideen, wie man das macht?

UIBezierPath *path = [ShapeManager getCirclePathAppendedWithCirclePathWithRadius:radius 
                     andFrame:self.view.bounds]; 
self.layer.fillRule = kCAFillRuleEvenOdd; 
self.layer.fillColor = [UIColor grayColor].CGColor; 
self.layer.opacity = 0.5; 
self.layer.path = path.CGPath; 
[self.view.layer addSublayer:self.layer]; 
for (int i = 1; i < 100; ++i) { 
    path = [ShapeManager getCirclePathAppendedWithCirclePathWithRadius:self.view.bounds.size.width-i 
                   andFrame:self.view.bounds]; 
    self.layer.path = path.CGPath; 
} 

Hilfsmethoden

+ (UIBezierPath *)getCirclePathAppendedWithCirclePathWithRadius:(CGFloat)radius andFrame:(CGRect)frame { 
    UIBezierPath *backgroundPath = [UIBezierPath bezierPathWithRect:frame]; 
    [backgroundPath appendPath:[self getCirclePathWithRadius:radius andFrame:frame]]; 
    return backgroundPath; 
} 

+ (UIBezierPath *)getCirclePathWithRadius:(CGFloat)radius andFrame:(CGRect)frame { 
    CGRect rect = frame; 
    UIBezierPath *circlePath; 
    circlePath = [UIBezierPath bezierPathWithArcCenter:(CGPoint){rect.size.width/2, rect.size.height/2} radius:radius startAngle:0 endAngle:M_PI*2 clockwise:YES]; 
    return circlePath; 
} 

Answer 1

Sie haben Recht über CABasicAnimation verwenden.

1. Entfernen Sie Ihre for Schleife, es wird nicht die Aufgabe erledigen.
2. Fügen Sie CABasicAnimation für path Schlüssel mit Werten hinzu, zwischen denen interpoliert werden soll.

UIBezierPath *fromPath = [self.class getCirclePathAppendedWithCirclePathWithRadius:self.view.bounds.size.width andFrame:self.view.bounds]; 
UIBezierPath *toPath = [self.class getCirclePathAppendedWithCirclePathWithRadius:self.view.bounds.size.width-99 andFrame:self.view.bounds]; 

CABasicAnimation * animation = [CABasicAnimation animationWithKeyPath:@"path"]; 
animation.fromValue = (id)fromPath.CGPath; 
animation.toValue = (id)toPath.CGPath; 
animation.duration = 1; 

[layer addAnimation:animation forKey:@"pathAnimation"]; 
layer.speed = 0; 

Update::

3. In der letzten Zeile setzen Sie speed Wert Dieser Code sollte nur einmal in viewDidLoad Methode aufgerufen werden 0, weil Sie den Animationsfortschritt manuell einstellen möchten:

@property (nonatomic, assign) double progress; 

- (void) setProgress: (double) progress { 
    _progress = progress;   
    layer.timeOffset = (CFTimeInterval)progress; 
} 

Dies setzt voraus, dass die Animationsdauer 1,0 ist. Andernfalls müssen Sie

setzen

layer.timeOffset = (CFTimeInterval)(progress * totalDuration); 

Jetzt nur Fortschritt im Bewegungsrückruf entsprechend dem aktualisierten Wert setzen.