我在 iOS 中为几个 View 设置动画时遇到了一个奇怪的错误。我的目标是从自定义“ Split View”切换。您可以在这个 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 中，我存储了两个 View :

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

这是当我想从 Split View切换到全屏模式时执行的代码:

- (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 的屏幕截图:

从屏幕截图和 .h 文件中可以看出，imageView 在一个名为 mediaView 的 UIView 中，另一个 UIView，videoCallView 是带有三个虚拟图片的那个。

最佳答案

确实是个有趣的问题。它肯定与同时动画 superview 和 subview 有关。我做了示例程序，并重现了类似的情况。

我的解决方法是避免为 super View (mediaView) 设置动画，而仅将 subview (imageView) 展开为完整矩形。由于您的 super View (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 的回答(第二部分)似乎是一个不错的解决方法，但它不适用于我的示例代码。它在去的路上工作(扩张)，但在回来的路上遇到了障碍(收缩)，原因我不知道为什么。但是不要因为我的评论而忽略他的回答，可能是我。

关于iOS UIView setFrame动画错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9068964/