iPhone - 同时动画 2 个子视图

Question

我有 2 个占据整个屏幕的子视图（状态栏除外）。我们称这个尺寸为“屏幕尺寸”。

我想同时动画：

• 第一个从比屏幕尺寸大一点的屏幕尺寸缩放到屏幕尺寸，从 alpha 0 到 alpha 1。

• 秒从屏幕尺寸到比屏幕尺寸小一点，从alpha 1到alpha 0。

第二个视图在开始时可见并在屏幕上。

这是我写的：

- (void) switchViews
{
    if (self.view2Controller == nil) {
        self.view2Controller = [[View2Controller alloc] initWithNibName:@"View2XIB" bundle:nil];
        self.view2Controller.view.hidden = YES;
        [self.view addSubview:self.view2Controller.view];
    }

    CGRect bigFrame = CGRectInset(self.view.frame, -50, -50);
    CGRect normalFrame = self.view.frame;
    CGRect smallFrame = CGRectInset(self.view.frame, 50, 50);

    self.view2Controller.view.frame = bigFrame;
    self.view2Controller.view.alpha = 0.0;

    [UIView beginAnimations:@"Anim1" context:nil];
    [UIView setAnimationDuration:5];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
    [UIView setAnimationTransition:UIViewAnimationTransitionNone forView:self.view cache:YES];
    [UIView setAnimationDelegate:self];
    [UIView setAnimationDidStopSelector:@selector(animationDidStop:finished:context:)];

    self.view2Controller.view.hidden = NO;
    self.view2Controller.view.frame = normalFrame;
    self.view2Controller.view.alpha = 1.0;

    [UIView commitAnimations];

    // ------------------------------

    [UIView beginAnimations:@"Anim2" context:nil];
    [UIView setAnimationDuration:5];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
    [UIView setAnimationTransition:UIViewAnimationTransitionNone forView:self.view cache:YES];
    [UIView setAnimationDelegate:self];
    [UIView setAnimationDidStopSelector:@selector(animationDidStop:finished:context:)];

    self.view1Controller.view.frame = smallFrame;
    self.view1Controller.view.alpha = 0.0;

    [UIView commitAnimations];
}

当然，我首先尝试将两个动画都放入一个独特的动画中。这不会改变任何事情，这就是我试图将它们分开的原因。

启动时，view1 立即变为黑色，然后 view2 开始按预期设置动画。但我无法同时运行两个动画。

我该怎么做？

Answer 1

尝试查看基于块的动画。这是 iOS 4.0+ 推荐的方法。看看这里的答案：What are block-based animation methods in iPhone OS 4.0?

编辑 试试这样的

//You can do the same thing with a frame
CGPoint newCenter = CGPointMake(100, 100);
[UIView animateWithDuration:2.0
                 animations:^{ 
                     firstView.center = newCenter;
                     secondView.center = newCenter;
                     firstView.alpha = 0.2;
                 } 
                 completion:^(BOOL finished){
                     NSLog(@"All done animating");
                 }];

您放入动画中的任何内容：^{ } 将是您视图的目标设置。上面我向您展示了如何更改位置以及 alpha。

Answer 2

我看不出你的代码有什么问题。 所以我在我的项目中尝试了你的代码，它运行良好：它完全符合你的要求。

View1 向右下方移动并淡出，而 view2 来自左上角并淡入...

所以我猜你必须在其他地方寻找错误......

知乎，

卢卡

编辑：

代码如下：

test-switch.zip

Answer 3

我认为您要使用的是CAAnimationGroup（核心动画组）。

CAAnimationGroup 允许对多个动画进行分组并同时运行。分组动画在 CAAnimationGroup 实例指定的时间空间内运行。

它有一个animations 属性，您可以将其设置为您希望它与setAnimations: 一起执行的动画数组。

这是usage example