在开始动画之前修改 iPhone 动画容器视图

Question

我正在为我正在开发的纸牌游戏添加一些基本动画。 （我的第一个 iPhone 应用。）

我正在创建一个自定义 UIView 类“AnimationContainer”，它从 image1 翻转到 image2，同时从 rect1 移动到 rect2。我的最终目的是让最多四个这样的容器同时进行转换。

我遇到的问题是动画没有显示 image1...所以只出现了翻转过渡的后半部分。

但是，如果我先通过触摸“重置”来重置动画，那么一切都会完美运行。换句话说，如果我一次又一次地按下翻转，我只会得到一半的过渡......但是如果我先按下重置，那么一切都可以完美地进行一次翻转。

那么，我怎样才能让动画正确重置呢？

以下是代码、屏幕截图和完整链接：Project Zip File 700k。

- (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];
}