停止動畫的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

你的方法有一個問題：每秒幀數不是恆定的（你減慢時間）。

您確定需要動畫嗎？

如果您的動畫可以通過幾何（仿射）轉換來實現，那麼它會更好。

如果你的動畫可以用組合來實現：

• 翻譯
• 旋轉
• 縮放

那麼這是一個仿射變換。