開始動畫之前修改iPhone動畫容器視圖

Question

我正在爲正在製作的紙牌遊戲添加一些基本動畫。 （我的第一個iPhone應用程序）

我正在創建一個自定義的UIView類「AnimationContainer」，它從image1翻轉到image2，同時從rect1移動到rect2。我的最終目的是讓這些容器中的四個同時進行轉換。

我遇到的問題是動畫不顯示image1 ...所以只有翻轉過渡的後半部分出現。

但是，如果我首先通過觸摸重置來重置動畫，那麼一切正常。換句話說，如果我一次又一次地按Flip，我只能得到一半的過渡...但是如果我先按Reset，那麼一次翻轉就完美了。

那麼，我怎樣才能讓動畫正確地重置？

以下是代碼和屏幕截圖，下面是完整鏈接：Project Zip File 700k。

alt text http://www.robsteward.com/cardflip.jpg

- (void)displayWithImage1 {  //RESET button calls this 
    self.frame = rect1; 
    [image2 removeFromSuperview]; 
    [self addSubview:image1]; 
    [self setNeedsDisplay]; //no help: doesn't force an update before animation 
} 

- (void)runTheAnimation {  //FLIP button calls this 
    [self displayWithImage1]; //<---this is what the reset button calls 
    [UIView beginAnimations:nil context:NULL]; 
    [UIView setAnimationDuration:0.5]; 
    [UIView setAnimationTransition:transition forView:self cache:NO]; 
    self.frame = rect2; 
    [image1 removeFromSuperview]; 
    [self addSubview:image2]; 
    [UIView commitAnimations]; 
} 

謝謝！

Answer 1

爲了在執行動畫之前重新繪製視圖，需要傳遞一個繪製循環。這段代碼就是「繪製這個的一個例子，當下一個事件循環出現時，做其他事情。」在UI代碼中執行此操作並不罕見。你的第一個解決方法是嘗試同樣的事情，但以更復雜的方式。

- (void)_runTheAnimation { 
    // Moved here from -runTheAnimation 
    [UIView beginAnimations:nil context:NULL]; 
    [UIView setAnimationDuration:0.5]; 
    [UIView setAnimationTransition:transition forView:self cache:NO]; 
    self.frame = rect2; 
    [image1 removeFromSuperview]; 
    [self addSubview:image2]; 
    [UIView commitAnimations]; 
} 

- (void)runTheAnimation {  //FLIP button calls this 
    [self displayWithImage1]; 
    [self performSelector:@selector(_runTheAnimation) withObject:nil afterDelay:0.0]; 
}