UIImageView animation de gauche à droite

Question

Je souhaite déplacer mon UIImageView de gauche à droite et vice versa. Je réalise la moitié en utilisant le code suivant:

[UIView setAnimationDuration:1.0]; 
[UIView setAnimationRepeatCount:10]; 
[UIView setAnimationRepeatAutoreverses:YES]; 

CGPoint pos = mover.center; 
pos.x = 100.0f; 
mover.center = pos; 

[UIView commitAnimations]; 

Où mover est un UIImageView. Le problème auquel je suis confronté est que je suis incapable de le déplacer complètement de gauche à droite. Le code ci-dessus ne fait que le déplacer de droite à centre. Je veux aller plus loin à gauche du centre. Quelqu'un peut-il me guider s'il vous plaît?

Answer 1

Je ne pense pas UIKit animations vous fournir des animations d'images clés directes pour obtenir l'effet d'oscillation. Nous pouvons essayer d'y parvenir en utilisant des délégués en déclenchant une animation après l'autre mais ce n'est pas aussi efficace que CAKeyframeAnimation. Pour l'utiliser, vous devez inclure le framework QuartzCore dans votre projet et #import <QuartzCore/QuartzCore.h>. Vous pouvez obtenir votre effet d'oscillation en faisant quelque chose comme ça,

self.mover.center = CGPointMake(160, 240); 

CAKeyframeAnimation *animation; 

animation = [CAKeyframeAnimation animationWithKeyPath:@"position.x"]; 
animation.duration = 3.0f; 
animation.repeatCount = 10; 
animation.values = [NSArray arrayWithObjects: 
        [NSNumber numberWithFloat:160.0f], 
        [NSNumber numberWithFloat:320.0f], 
        [NSNumber numberWithFloat:160.0f], 
        [NSNumber numberWithFloat:0.0f], 
        [NSNumber numberWithFloat:160.0f], nil]; 
animation.keyTimes = [NSArray arrayWithObjects: 
         [NSNumber numberWithFloat:0.0], 
         [NSNumber numberWithFloat:0.25], 
         [NSNumber numberWithFloat:.5], 
         [NSNumber numberWithFloat:.75], 
         [NSNumber numberWithFloat:1.0], nil];  

animation.removedOnCompletion = NO; 

[self.mover.layer addAnimation:animation forKey:nil]; 

Ce bout de code oscille en vue de gauche à droite assez proche de votre description, bien que pour obtenir l'effet exact que vous voulez que vous pourriez avoir à changer un peu .

Answer 2

Au lieu de régler le centre, vous devriez vous pencher sur le réglage de la transformation. Avec le centre, vous définissez le centre, ce qui signifie que vous devez calculer le centre correctement par rapport à la taille de l'image. Pour le déplacer, définissez la transformation sur -320. Pour le déplacer, réglez-le sur la transformation d'identité.

Answer 3

En supposant que vous pouvez cibler iOS4, cela peut être réalisé par

typedef void (^completionBlock)(BOOL); 
    completionBlock moveToExtremeRight = ^(BOOL finished){ 
     // animate, with repetition, from extreme left to extreme right 
     [UIView animateWithDuration:2.0 // twice as long! 
          delay:0.0 
         options:UIViewAnimationOptionAllowUserInteraction|UIViewAnimationOptionRepeat|UIViewAnimationAutoReverse 
        animations:^{ 
          mover.transform = CGAffineTransformMakeTranslation(100, 0); 
        } 
        completion:nil 
     ]; 
    }; 
    mover.transform = CGAffineTransformIdentity; 
    // animate once, to the extreme left 
    [UIView animateWithDuration:1.0 
          delay:0.0 
         options:UIViewAnimationOptionAllowUserInteraction 
        animations:^{ 
          // or whatever is appropriate 'extreme left' 
          mover.transform = CGAffineTransformMakeTranslation(-100, 0); 
        } 
        // on completion, start a repeating animation 
        completion:moveToExtremeRight 
    ];