iOS view transform-animation

Ich bin wahrscheinlich etwas fehlt einfach, aber versuchen zu tun, ein einfaches "Ken Burns Effekt" mit einem Bild anzeigen.

Zuerst der code:

[UIView animateWithDuration:20
                      delay:2
                    options:UIViewAnimationCurveLinear
                 animations:^{
                   CGAffineTransform move = CGAffineTransformMakeTranslation(40, 40);
                   CGAffineTransform zoom    = CGAffineTransformMakeScale(1.2, 1.2);
                   CGAffineTransform transform = CGAffineTransformConcat(zoom, move);
                   self.imageView.transform = transform;
                 }
                 completion:^(BOOL finished){
                   NSLog(@"Done");
                 }];

Ich erwartete, diese zu beginnen mit dem Bild anzeigen, bei "normalen" und erweitern Sie es zu 120% der Größe über 20 Sekunden. Was tatsächlich passiert, ist, dass es beginnt sofort, die kleiner als die normale Größe, dann erweitert, um die normale Größe.

Wenn ich den Kehrwert der scale-Wert, es beginnt, vergrößert und dann zoomt wieder heraus auf die normale Waage, die das Gegenteil von dem Effekt, den ich will.

Irgendwelche Ideen?

InformationsquelleAutor David Goodine | 2012-12-06
  1. 10

    Ok, das hat tatsächlich funktioniert und tut was ich will.

    CABasicAnimation *transformAnimation = [CABasicAnimation animationWithKeyPath:@"transform"];
transformAnimation.duration = 20.0;
transformAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
transformAnimation.removedOnCompletion = NO;
transformAnimation.fillMode = kCAFillModeForwards;

CATransform3D xform = CATransform3DIdentity;
xform = CATransform3DScale(xform, 1.2, 1.2, 1.0);
xform = CATransform3DTranslate(xform, 60, -60, 0);
transformAnimation.toValue = [NSValue valueWithCATransform3D:xform];
[self.imageView.layer addAnimation:transformAnimation forKey:@"transformAnimation"];
    • Akzeptieren Sie Ihre eigene Antwort pls 😉
    InformationsquelleAutor David Goodine
  2. 2

    Es klingt wie die Sicht wird wieder ausgelegt von der übergeordneten Ansicht in Antwort auf die änderung verwandeln, Gehäuse-es verkleinert werden, um das Ergebnis der Transformation, sobald die Transformation wird in der animation block. Der Schlüssel ist, dass Ihre erste Versuch, die änderungen direkt in der Ansicht, während der zweite Ansatz arbeitet mit der layer.

    InformationsquelleAutor Steven McGrath
  3. -2

    Haben Sie versuchen, ausgehend von der aktuellen Transformation Ihrer Bildansicht ?

    [UIView animateWithDuration:20
                      delay:2
                    options:UIViewAnimationCurveLinear
                 animations:^{
                   CGAffineTransform trans = self.imageView.transform;
                   CGAffineTransformTranslate(trans, 40, 40);
                   CGAffineTransformScale(trans, 1.2, 1.2);
                   self.imageView.transform = trans;
                 }
                 completion:^(BOOL finished){
                   NSLog(@"Done");
                 }];
    • Ich habe versuche mit dem Additiv-CG-Funktionen, um die Identität zu verwandeln, aber das hat nicht funktioniert entweder. Es ist etwas subtiler vorgeht, weiß nur noch nicht genau herausgefunden. Mit CATransform3D (ab die Einheitsmatrix ist) auf die Ebene führte exakt das gleiche problem.
    InformationsquelleAutor Vincent Bernier
Schreibe einen Kommentar