iOS vue de transformer l'animation

Je suis probablement manquant quelque chose de simple, mais en essayant de faire un simple "Effet Ken Burns" avec un affichage de l'image.

D'abord le 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");
                 }];

J'ai prévu de commencer avec l'affichage de l'image à la normale à l'échelle et de l'étendre à 120% de la taille de plus de 20 secondes. Ce qui se passe réellement, c'est qu'il commence immédiatement plus petit que la taille normale, puis augmente de taille normale.

Si j'utilise la réciproque de la valeur de l'échelle, il commence un zoom avant, puis un zoom arrière à la normale à l'échelle qui est à l'opposé de l'effet que je veux.

Des idées?

OriginalL'auteur David Goodine | 2012-12-06

  1. 10

    Ok, cela fonctionne et fait ce que je veux.

    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"];
    Accepter votre propre réponse pls 😉

    OriginalL'auteur David Goodine

  2. 2

    On dirait que l'affichage est en cours de ré-aménagé par son parent vue en réponse à la variation de la transformer, de l'enveloppe à être revus à la baisse pour le résultat final de la transformation dès que la transformation est définie dans le bloc d'animation. L'essentiel est que votre première tentative modifie directement à la vue, tandis que la deuxième est une approche qui fonctionne avec la couche.

    OriginalL'auteur Steven McGrath

  3. -2

    Avez-vous essayer à partir de la transformation en cours de votre imageView ?

    [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");
                 }];
    Je l'ai fait essayer à l'aide de l'additif CG fonctions à l'identité de transformation, mais cela ne fonctionne pas non plus. Il y a quelque chose de subtile passe, n'ont tout simplement pas compris. À l'aide de CATransform3D (en commençant par l'identité de transformation) sur la couche entraîné exactement le même problème.

    OriginalL'auteur Vincent Bernier