开始动画之前修改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]; 
}