使用transitionFromView和transitionWithView的转换行为

Question

我正在尝试在两个子视图（view1 和 view2）之间创建过渡。当按下按钮时，我希望 view1（前）翻转并显示 view2（后）。我尝试过transitionFromView 和transitionWithView。每个都有效 - 但每个都有一个问题。

transitionFromView - 翻转超级视图（整个窗口视图翻转，而不是子视图）。当发生这种翻转时 - 一个子视图在翻转之前位于超级视图的前面，而另一个子视图位于翻转的背面 - 正如它应该的那样。但我不希望超级视图翻转，只希望子视图翻转。

transitionWithView - 仅翻转子视图 - 但“目标”视图会在转换发生之前显示。

有人有建议吗？

-(IBAction) button1action:(id) sender {  

 if ([sender tag] == 0) {  

  [UIView transitionFromView:view2 toView:view1 duration:2.0   
  options:UIViewAnimationOptionTransitionFlipFromLeft   
  completion:nil];   
}  

 else {  
  [view1 removeFromSuperview];    
  [self.view addSubview:view2];  
  [UIView transitionWithView:view2   
    duration:2.0  
    options:UIViewAnimationOptionTransitionFlipFromRight +  
    UIViewAnimationOptionShowHideTransitionViews  
      animations:^{}   
     completion:nil];  
 }
}

Answer 1

您需要在动画块中删除和添加子视图。另外，我认为transitionWithView应该以超级视图作为参数。我认为要实现这一点，您需要做的是使用与要翻转的视图大小相同的容器视图。

这是从文档中复制的：

[UIView transitionWithView:containerView
       duration:0.2
       options:UIViewAnimationOptionTransitionFlipFromLeft
       animations:^{ [fromView removeFromSuperview]; [containerView addSubview:toView]; }
       completion:NULL];

Answer 2

我也遇到了同样的问题，我同意之前的答案。看来您必须有一个容器视图来动画从一个子视图到另一个子视图的转换。

我正在使用transitionFromView 方法。要在动画后面有背景，您还需要一个带有容器视图背景的超级视图。

我的代码如下所示：

    [UIView transitionFromView:view1
                        toView:view2
                      duration:0.5
                       options:UIViewAnimationOptionTransitionFlipFromRight |
                               UIViewAnimationOptionAllowUserInteraction    |
                               UIViewAnimationOptionBeginFromCurrentState
                    completion:nil];

Answer 3

这是我的工作解决方案存根，一个简单的事情花了 2 个小时，该死的：
我们有 1 个按钮来翻转东西，一个称为面板的 UIView，它包含我想用翻转动画交换的 2 个视图。

-(void)viewDidLoad{
    [super viewDidLoad];
    UIButton *btnFlip = [UIButton buttonWithType:UIButtonTypeRoundedRect];
    btnFlip.frame = CGRectMake(10, 10, 50, 30);
    [btnFlip setTitle:@"flip" forState:UIControlStateNormal];
    [btnFlip addTarget:self action:@selector(flip) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:btnFlip];

    panel = [[UIView alloc] initWithFrame:CGRectMake(10, 40, 300,300)];
    panel.backgroundColor = [UIColor darkGrayColor];
    [self.view addSubview:panel];

    panelBack = [[UIView alloc] initWithFrame:CGRectMake(10, 40, 280, 200)];
    panelBack.tag = 1;
    panelBack.backgroundColor = [UIColor brownColor];
    [panel addSubview:panelBack];

    panelFront = [[UIView alloc] initWithFrame:CGRectMake(10, 40, 280, 200)];
    panelFront.tag = 2;
    panelFront.backgroundColor = [UIColor whiteColor];
    [panel addSubview:panelFront];

    displayingFront = TRUE;
}

-(void)flip{

    [UIView transitionWithView:panel 
    duration:0.5
    options:(displayingFront ? UIViewAnimationOptionTransitionFlipFromRight : UIViewAnimationOptionTransitionFlipFromLeft)
    animations:^{ 
        if (displayingFront) {
            //panelFront.hidden=TRUE;
            //panelBack.hidden = FALSE;
            [panelFront removeFromSuperview];
            [panel addSubview:panelBack];
        }else{
            //panelFront.hidden=FALSE;
            //panelBack.hidden = TRUE;
            [panelBack removeFromSuperview];
            [panel addSubview:panelFront];
        }
     }
     completion:^(BOOL finished){
         displayingFront = !displayingFront;
     }];
}

Answer 4

遇到同样的问题后，我同意 Eric 和 Sam 的观点：
只要您创建一个您希望翻转的适当大小的容器视图，transitionWithView或transitionFromView都将按照上面给出的方式执行您想要的操作。否则整个窗口视图将会翻转。

因此，如果 view1 是您开始的子视图并且您想翻转到 view2 然后添加

UIView *containerView = [[UIView alloc] initWithFrame:appropriateSize];
[containerView addSubview:view1];

然后最简单的动画方法可能是：

[UIView transitionFromView:view1 
                    toView:view2 
                  duration:2.0   
                   options:UIViewAnimationOptionTransitionFlipFromLeft   
                completion:nil];   

Answer 5

我有同样的要求，并且看到了很多方法——从使用层（如果你只想处理 UIView，最终会变得非常复杂）到建议我需要一个“容器”，然后在子视图之间进行转换。但如果你只是想从前到后切换某些东西，比如翻转扑克牌或游戏图块，我做了一行更改：（

注意：我有一组 UIViews (tiles[x][y])我的所有图像文件名都在数据库表/数组中，它们动态加载到 UIImageViews 的 UIImage 中，名为“tileBackPicImageNM”的卡片或图块的“背面”图像

。我的代码只是将正面图像替换为背面图像：

[tiles[indexX][indexY] setImage:[UIImage imageNamed:tileBackPicImageNM]];

效果很好，

但是现在，为了显示翻转动作，它是：

[UIView transitionWithView:tiles[indexX][indexY] duration:0.3 options:UIViewAnimationOptionTransitionFlipFromLeft 
                    animations:^{  
                        [[indexX][indexY] setImage:[UIImage imageNamed:tileBackPicImageNM]];
                    }
                    completion:NULL];    

我尝试了不同的“持续时间”参数 - 随后将其设置为浮动。我在 viewDidLoad 例程中设置的速度快于 0.3 几乎不可见，并且值 1 或 2 非常慢...

这不涉及两个子视图，这是我的情况更有用，因为我没有'不想拥有一个包含视图层次结构等的容器数组...并且在新的级别等上我总是重新加载数组...

Answer 6

请记住，容器视图需要纯色背景色。这意味着除了清晰的颜色之外的任何其他颜色。这是我的错误，花了很长时间才弄清楚。

Answer 7

使用transitionFromView，前视图和后视图都应该位于另一个视图（而不是超级视图）内。这样就不会翻转整个屏幕。

> superview
>     another view
>        backview
>        frontview

UIView.transitionFromView(frontView, toView: backView,uration: 0.5, options: .TransitionFlipFromLeft | .ShowHideTransitionViews) { finish in

}

你可能想让（另一个视图）等于 frontView 的大小