停止动画的UIImageView逐渐平稳

Question

我有以下简单的UIImageView动画：

-(void) setupTheAnimation { 
    self.imgView.animationImages = imagesArr; 
    [self.imgView setAnimationRepeatCount:-1]; 
    self.imgView.animationDuration =0.9; 
    [self.imgView startAnimating]; 
    [self performSelector:@selector(stopTheAnimation) withObject:nil afterDelay:4.0]; 
} 

-(void) stopTheAnimation { 
    [self.imgView stopAnimating]; 
} 

但是当动画停止，我不知道什么是它停止在最后一帧我面对的一个问题！所以动画的结局根本不流畅。

，所以我需要：

1）知道什么是最后一帧处的动画结束了，所以我把它作为动画的最后一个图像，这导致了平稳停车。

2）逐渐停止该动画，即在停止之前改变其持续时间以使其先减速并停止。

This is a link to the sample project。

Answer 1

我知道你的最初实现使用animationImages，但我不知道的方式来使用animationImages直接具有连续可变的持续时间。但是，这是一个非常简单的功能来实现自己。如果你这样做，那么你可以在你的数组中的图像之间编码一个动态持续时间值。

在下面的代码，我取代animationImages使用自定义步进功能，并动态调整后停止已被请求的持续时间。请注意，这与您的原始代码有点不同，它指定了一段艰难的结束时间。此代码指定齿轮旋转应在何时开始开始减速。

如果你真的有一个硬动画时期，你可以调整到stopTheAnimation来考虑你选择的减速因素（我只是在减速期间每步增加10％的持续时间，直到步骤比给定的阈值）：

// my animation stops when the step duration reaches this value: 
#define STOP_THRESHOLD_SECONDS 0.1f 
#define NUM_IMAGES 35 

@implementation ViewController 
{ 
    NSMutableArray *imagesArr; 
    int currentImage; 
    BOOL stopRequested; 
    NSTimeInterval duration; 
} 

-(void) setupTheAnimation { 

    stopRequested = NO; 
    currentImage = 0; 
    duration = 0.9f/NUM_IMAGES; 
    [self stepThroughImages]; 

    [self performSelector:@selector(stopTheAnimation) withObject:nil afterDelay:4.0]; 
} 

- (void) stepThroughImages { 

    self.imgView.image = [imagesArr objectAtIndex: currentImage]; 

    if (currentImage == NUM_IMAGES - 1) { 
     currentImage = 0; 
    } else { 
     currentImage++; 
    } 

    if (stopRequested && duration < STOP_THRESHOLD_SECONDS) { 
     // we're slowing down gradually 
     duration *= 1.1f; 
     dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(duration * NSEC_PER_SEC)); 
     dispatch_after(popTime, dispatch_get_main_queue(), ^(void){ 
      [self stepThroughImages]; 
     }); 
    } else if (!stopRequested) { 
     dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(duration * NSEC_PER_SEC)); 
     dispatch_after(popTime, dispatch_get_main_queue(), ^(void){ 
      [self stepThroughImages]; 
     }); 
    } 
} 

-(void) stopTheAnimation { 
    stopRequested = YES; 
} 

Answer 2

我只用块知道这一点，但这里是你如何做到这一点：

[UIImageView animateWithDuration:0.9f delay:0.0f options:UIViewAnimationOptionCurveEaseOut animations:^{ 

       // animate what you want 
       self.imgView.transform = CGAffineTransformMakeScale(1.0f, 1.0f); 

      } completion:^(BOOL finished){ 

       // animation is completed 
       self.imgView.image = image; 

      }]; 

选项“UIViewAnimationOptionCurveEaseOut”应该逐渐停止动画。你可以与其他选项一起玩，看看效果。

Answer 3

你的方法有一个问题：每秒帧数不是恒定的（你减慢时间）。

您确定需要动画吗？

如果您的动画可以通过几何（仿射）转换来实现，那么它会更好。

如果你的动画可以用组合来实现：

• 翻译
• 旋转
• 缩放

那么这是一个仿射变换。