Question

在iOS中设置几个视图的动画时，我遇到了一个奇怪的错误。我的目标是从自定义“拆分视图”切换。您可以在此YouTube视频中看到正在发生的事情：http://youtu.be/ZWbf2bQYMns

你可以在UIImageView的Y值中看到奇怪的“凹凸”，我一直想知道如何修复它已经有一段时间了。

这是View Controller的界面：

@interface VideoSharing_Pad : UIViewController
{   
    IBOutlet UIView *videoCallView;
    IBOutlet UIImageView *imageView;  //This is "inside" mediaView
    IBOutlet UIView *mediaView;
    CGRect mediaRect;
    CGRect videoCallRect;
    CGRect imageRect;
}

在viewDidLoad中，我将两个视图存储起来：

//Get frames from XIB
mediaRect = mediaView.frame;
videoCallRect = videoCallView.frame;
imageRect = imageView.frame;

这是当我想从拆分视图切换到全屏模式时执行的代码：

- (IBAction)toggleFullScreen:(id)sender 
{
    if (iScreenMode == callAndShareMedia) {
        CGRect fullScreenRect = CGRectMake(0, 0, 1024, 768);
        CGRect dissapearRect = CGRectMake(0, - videoCallView.bounds.size.height, videoCallView.bounds.size.width, videoCallView.bounds.size.height);

        [UIView animateWithDuration:1.0
                              delay:0.1
                            options: UIViewAnimationCurveEaseOut
                         animations:^{

                             [videoCallView setFrame:dissapearRect];
                             [imageView setFrame:fullScreenRect];
                             [mediaView setFrame:fullScreenRect];
                         } 
                         completion:^(BOOL finished){

                         }];

        iScreenMode = onlyShareMedia;
        return;
    } 
    else if (iScreenMode == onlyShareMedia)
    {

        [UIView animateWithDuration:1.0
                              delay:0.1
                            options: UIViewAnimationCurveEaseOut
                         animations:^{

                             [videoCallView setFrame:videoCallRect];
                             [mediaView setFrame:mediaRect];
                             [imageView setFrame:imageRect];  

                         } 
                         completion:^(BOOL finished){    
                         }];
        iScreenMode = callAndShareMedia;
        return;
    }     
}

我真的很感激我能得到的任何帮助。非常感谢！

这是XIB的截图：

enter image description here

从截图和.h文件中可以看到，imageView位于名为mediaView的UIView内，另一个UIView，videoCallView是具有三个虚拟图片的视图。

Answer 1

确实有趣的问题。它绝对与动画超级视图和子视图同时有关。我做了样本程序，并转载了类似的情况。

我的解决方法是避免动画超级视图（mediaView），并仅将子视图（imageView）展开为完整矩形。由于您的超级视图（mediaView）没有太多，因此不应该提供如此不同的用户体验。

所以，而不是

[UIView animateWithDuration:1.0
                      delay:0.1
                    options: UIViewAnimationOptionCurveEaseOut
                 animations:^{
                     [videoCallView setFrame:dissapearRect];
                     [imageView setFrame:fullScreenRect];
                     [mediaView setFrame:fullScreenRect];
 }];

你可以做到

[UIView animateWithDuration:1.0
                      delay:0.1
                    options: UIViewAnimationOptionCurveEaseOut
                 animations:^{
                     [videoCallView setFrame:dissapearRect];
                     [imageView setFrame:(CGRect){fullScreenRect.origin.x - mediaRect.origin.x, fullScreenRect.origin.y - mediaRect.origin.y, fullScreenRect.size}];
 }];

要恢复正常模式，您可以忽略mediaView动画。可能你想要移动（动画）toggleButton以及其他动画。

@ jrturton的回答（第二部分）似乎是一个很好的解决方法，但它不适用于我的示例代码。它的工作方式（扩展），但在回来的路上（缩小），因为我不知道为什么。但是，由于我的评论，不要忽视他的答案，可能是我。

Answer 2

有趣的问题。我无法从工作中查看您的视频，但我希望您的问题是您在动画期间调整视图及其子视图的大小，可能会受到任何自动调整蒙版的干扰（你有吗？） - 超级视图会改变子视图的大小，然后将应用插值帧。

如果您考虑一下，那么您的图像视图也必须比超级视图更快地制作动画，因为它有更多的基础来覆盖到达同一个最终的矩形。动画制作的插值可能会对此产生影响。

如果删除任何自动调整遮罩不起作用，您可能需要将动画拆分为两个 - 一个用于增加超级视图的大小，另一个用于将图像视图缩放为完整大小。

iOS UIView setFrame动画错误

2 个答案: