UIImageView动画从左到右

Question

我想将我的 UIImageView 从左移动到右，反之亦然。我通过使用以下代码完成了一半：

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

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

[UIView commitAnimations];

其中 mover 是 UIImageView。我面临的问题是我无法将其完全从左向右移动。上面的代码只是将其从右移到中心。我想从中心向左走。有人可以指导我吗？

Answer 1

我不认为 UIKit 动画为您提供直接关键帧动画来获得振荡效果。我们可以尝试使用委托通过触发一个又一个动画来实现它，但它不如CAKeyframeAnimation那么高效。要使用它，您必须在项目中包含 QuartzCore 框架和 #import。您可以通过执行以下操作来实现振荡效果，

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];

这段代码从左到右振荡视图，非常接近您的描述，尽管为了获得您想要的确切效果，您可能需要稍微更改它。

Answer 2

假设您可以针对 iOS4，这可以通过以下方式实现

   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
   ];

Answer 3

您应该考虑设置变换，而不是设置中心。使用中心，您可以设置中心，这意味着您必须根据图像大小正确计算中心。

要将其向左移动，请将变换设置为 -320 的平移。要将其移回，请将其设置为恒等变换。