動畫在不同時間更改高度和寬度

Question

我有一個圖像，我正在進行動畫處理以使其看起來像是在「呼吸」。

目前我有一個體面的方式將圖像移動與下面的下面的代碼：（我動畫包含幾個的UIImageView的一個UIView，而這一切的舉動爲一體）

- (IBAction)animateButton:(id)sender { 


    [UIView animateWithDuration:0.64 
          delay:0 
         options:UIViewAnimationOptionAutoreverse | UIViewAnimationOptionRepeat 
        animations:^{ 
         _testView.transform = CGAffineTransformMakeScale(1.08f, 1.02f); 

        } completion:nil]; 

} 

無論其，我似乎無法弄清楚如何動畫擴展x中圖像的速度與y不同。這個問題的關鍵在於，看起來好像圖像實際上是活着的，沒有出現通過清晰的重複運動循環。

我嘗試將UIView的中心錨定到特定位置，然後通過1.0秒的動畫添加一些寬度的數字。 然後，我試着同時調用另一個動畫，它只對高度進行相同的動畫，添加了不同的量，時間約爲1.3秒。儘管如此，我無法讓這兩個人同時表演，因爲一個人會優先於另一個人。

如果有人能帶領我正確的方向，以不同的速度對寬度和高度的重複拉伸動畫，我會非常感激。謝謝！

Answer 1

考慮在時間上重疊的兩個變化是這樣的：

 |---- change x ---| 
    |---- change y ----| 

如果兩個間隔是任意的，並且重疊的，所述可表示由三個動畫：一個改變單獨一個維度，一個改變兩個維度一起，另一個分別改變一個維度。

你可以看到，有很多方法可以指定這個，但讓我們嘗試一個簡單的方法。爲了避免複合比例的算術，我們指定一個尺寸，一個像素變化和一個持續時間。例如...

@[ @{@"dimension":@"width", @"delta":@10, @"duration":0.2}, 
    @{@"dimension":@"both", @"delta":@40, @"duration":0.8}, 
    @{@"dimension":@"width", @"delta":@10, @"duration":0.2} ] 

...表示跨越較短的高度變化時寬度變化較大。你可以看到這是一個非常完整的語言，可以完成你想要的任務。

我們需要一個連續執行更改的動畫方法。一個簡單的方法就是將這組操作視爲一個待辦事項列表。遞歸算法說：要做的事情列出來，做第一個，然後做休息....

- (void)animateView:(UIView *)view actions:(NSArray *)actions completion:(void (^)(BOOL))completion { 
    if (actions.count == 0) return completion(YES); 
    NSDictionary *action = actions[0]; 
    NSArray *remainingActions = [actions subarrayWithRange:NSMakeRange(1, actions.count-1)]; 
    [self animateView:view action:action completion:^(BOOL finished) { 
     [self animateView:view actions:remainingActions completion:completion]; 
    }]; 
} 

對於動畫，你可能想使用線性時序曲線中間的動畫，儘管我可以看到你變得更加細緻，並在列表的開始和結束處改變時序曲線。

- (void)animateView:(UIView *)view action:(NSDictionary *)action completion:(void (^)(BOOL))completion { 
    NSString *dimension = action[@"dimension"]; 
    CGFloat delta = [action[@"delta"] floatValue]; 
    NSTimeInterval duration = [action[@"duration"] floatValue]; 

    CGRect frame = view.frame; 

    if ([dimension isEqualToString:@"width"]) { 
     frame = CGRectInset(frame, -delta, 0); 
    } else if ([dimension isEqualToString:@"height"]) { 
     frame = CGRectInset(frame, 0, -delta); 
    } else { 
     frame = CGRectInset(frame, -delta, -delta); 
    } 
    [UIView animateWithDuration:duration delay:0 options:UIViewAnimationOptionCurveLinear animations:^{ 
     view.frame = frame; 
    } completion:completion]; 
} 

如果字典的數組是太笨拙指定（這是相當普遍的），你可以添加在上面一些方便的方法是提供一些簡單的方案給調用者，並建立更廣泛的代表性的陣列。