UIView-Animationen mit autoreverse

Haben Sie drei Optionen.

Wenn Sie die -[UIView animateWithDuration:…] Methoden, die änderungen, die Sie in der animations block sofort angewendet werden, um die Ansichten in Frage. Es gibt jedoch auch eine implizite CAAnimation auf die Ansicht angewendet, belebt, dass aus den alten Wert auf den neuen Wert. Wenn ein CAAnimation aktiv ist, ändert sich die angezeigt Ansicht, ändert aber nicht die tatsächlichen Eigenschaften der Ansicht.

Beispielsweise, wenn Sie dies tun:

NSLog(@"old center: %@", NSStringFromCGPoint(someView.center));
[UIView animateWithDuration:2.0 animations: ^{ someView.center = newPoint; }];
NSLog(@"new center: %@", NSStringFromCGPoint(someView.center));

werden Sie sehen, dass die 'alte Mitte' und 'neue Mitte' sind Verschieden; neue center sofort spiegeln die Werte von newPoint. Jedoch, die CAAnimation wurde implizit erstellt werden, verursachen Sie die Ansicht, um noch angezeigt an die Altstadt, und sanft bewegen Sie Ihren Weg, um das neue Zentrum. Wenn die animation abgeschlossen ist, wird es aus der Ansicht entfernt und Sie wieder allein zu sehen, das aktuelle Modell, das Werte.

Wenn Sie übergeben UIViewAnimationOptionAutoreverse es betrifft die implizit erstellt CAAnimation, aber keinen Einfluss auf die tatsächliche änderung der Werte. Das ist, wenn unserem Beispiel oben hatten die UIViewAnimationOptionAutoreverse definiert, so wird implizit erstellt CAAnimation würde animieren von oldCenter zu newCenter und zurück. Die animation würde dann entfernt werden, und wir würden wechseln Sie wieder zu sehen, die Werte, die wir gesetzt... , die noch an der neuen position.

Wie gesagt, es gibt drei Möglichkeiten, um damit umzugehen. Die erste ist, um eine Fertigstellung block auf die animation, um es rückgängig zu machen, etwa so:

Erste Option

CGPoint oldCenter = someView.center;
[UIView animateWithDuration:2.0
                 animations: ^{ someView.center = newPoint; }
                 completion: 
   ^(BOOL finished) {
       [UIView animateWithDuration:2.0
                        animations:^{ someView.center = oldCenter; }];
   }];

Zweite Option

Die zweite option ist die autoreverse-die animation, wie Sie tun, und setzen Sie die Ansicht zurück zu seiner ursprünglichen position in eine Abschluss-block:

CGPoint oldCenter = someView.center;
[UIView animateWithDuration:2.0
                      delay:0
                    options: UIViewAnimationOptionAutoreverse
                 animations: ^{ someView.center = newPoint; }
                 completion: ^(BOOL finished) { someView.center = oldCenter; }];

Jedoch, dies kann zu flackern zwischen der Zeit, die die animation autoreverse abgeschlossen, und bei den Abschluss-block ausgeführt, so dass es wahrscheinlich nicht Ihre beste Wahl.

Dritte Option

Die Letzte option ist, erstellen Sie einfach eine CAAnimation direkt. Wenn Sie nicht wirklich wollen, ändern Sie den letzten Wert der Eigenschaft Sie ändern, ist dies oft einfacher.

#import <QuartzCore/QuartzCore.h>

CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];
animation.autoreverses = YES;
animation.repeatCount = 1; //Play it just once, and then reverse it
animation.toValue = [NSValue valueWithCGPoint:newPoint];
[someView.layer addAnimation:animation forKey:nil];

Beachten Sie, dass die CAAnimation Weg, Dinge zu tun, die sich nie ändert die tatsächlichen Werte von den anzeigen, sondern einfach nur die Masken die tatsächlichen Werte mit einer animation. Den Blick immer noch denkt, dass es in die ursprüngliche Lage. (Das bedeutet zum Beispiel, dass wenn Sie Ihre anzeigen reagiert auf touch-events, es wird noch sein, gerade für diejenigen, die touch-events zu passieren, an den ursprünglichen Speicherort. Die animation nur ändert die Art, wie der Blick zieht; sonst nichts.

Den CAAnimation Weg erfordert auch, dass Sie es hinzufügen, um die Ansicht zugrunde CALayer. Wenn dies erschreckt Sie, fühlen Sie sich frei zu verwenden, die -[UIView animateWithDuration:…] Methoden statt. Es gibt zusätzliche Funktionen zur Verfügung, indem Sie CAAnimation, aber wenn es etwas, das Sie nicht vertraut sind mit, Verkettung UIView-Animationen oder setzen Sie es in die Abschluss-block ist vollkommen akzeptabel. In der Tat, das ist eines der Hauptziele der Vollendung blockieren.

So, dort gehen Sie. Drei verschiedene Wege umkehren einer animation und halten Sie die original-Wert. Genießen Sie!

InformationsquelleAutor BJ Homer

Es ist ein repeatCount Eigenschaft auf CAMediaTiming. Ich denke, dass müssen Sie erstellen eine explizite CAAnimation Objekt, und konfigurieren Sie es richtig. Die repeatCount für wachsen und ungrow wäre 2, aber Sie können dies testen.

Etwas lange die Linien. Benötigen Sie zwei CAAnimation Objekte ist allerdings für den Rahmen und eine für die rotation.

CABasicAnimation *theAnimation;

theAnimation=[CABasicAnimation animationWithKeyPath:@"transform.rotation"];
theAnimation.duration=3.0;
theAnimation.repeatCount=1;
theAnimation.autoreverses=YES;
theAnimation.fromValue=[NSNumber numberWithFloat:0.0];
theAnimation.toValue=[NSNumber numberWithFloat:degreesToRadians(34)];
[theLayer addAnimation:theAnimation forKey:@"animateRotation"];

AFAIK gibt es keine Möglichkeit zu vermeiden, Programmierung zwei Animations-Objekte.

InformationsquelleAutor GorillaPatch