为什么我的视图在界面方向更改时无法正确定位？

Question

我里面有一个 UIViewController 和一个 UIWebView 。我希望 UIWebView 在横向和纵向模式下位于 iPad 屏幕的中央。所以，我是这样实现的，

// UIViewController
// InfoGraphicView is the UIWebView

-(BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
    // Overriden to allow any orientation.
    return YES;
}

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation 
                                duration:(NSTimeInterval)duration {
    if (toInterfaceOrientation == UIInterfaceOrientationPortrait ||
        toInterfaceOrientation == UIInterfaceOrientationPortraitUpsideDown) {
        [self layoutPortrait];
    } else {
        [self layoutLandscape];
    }
}

- (void)layoutLandscape {
    NSLog(@"Layout Landscape");
    infoGraphicView.frame = CGRectMake(100, 100, 936, 700);
}

- (void)layoutPortrait {
    NSLog(@"Layout Portrait");
    infoGraphicView.frame = CGRectMake(100, 100, 700, 936);
}

但是，它的行为并不像我预期的那样。在上面的代码中，我期望 UIWebView 距顶部和左侧 100px（或点或任何单位）。但事实并非如此。在纵向模式下，它与屏幕左上角齐平，而在横向模式下，它似乎部分位于屏幕外的左上角。

如果我将框架设置为 CGRectMake(-100, 100, 700, 936) 然后我会将其放置在屏幕的中心，就像我希望的那样，但我不知道为什么。

像往常一样，很可能有一些简单的事情我忽略了，但我无法弄清楚。一如既往，我们非常感谢任何帮助。

Answer 1

您在 infoGraphicView 上设置的坐标是相对于其超级视图的，而不是相对于屏幕的。并且视图不一定会裁剪它们的子视图。此外，自动设置为 self.view 的形状将取决于 Interface Builder 中设置的缩放标志。但是，我认为默认情况下它被设置为填充整个屏幕。

也就是说，我认为错误在于您使用 willRotateToInterfaceOrientation:duration: 。这是在旋转开始之前调用的，因此 self.view 具有旧的尺寸（即，如果从纵向旋转到横向，它仍然是纵向尺寸，反之亦然）。可能更好的是挂接 willAnimateRotationToInterfaceOrientation:duration: - 然后正确的大小已经设置，你将在 CoreAnimation 块内，这样你的视图将作为旋转动画的一部分增长/收缩。

还值得检查您在 infoGraphicView 上设置的调整大小标志。除了您所做的任何更改之外，它们也会自动生效。所以你可能想禁用它们。

Answer 2

这可能是 Web 视图所在视图的问题。使用的坐标系是视图的超级视图的坐标系。如果该视图没有在旋转时调整大小，那么您将看到像这样的意外布局。可以通过superview属性访问视图的superview；查看其框架的一种方法是使用其描述。将此行放入您的布局方法之一中：

NSLog(@"Superview: %@", [infoGraphicView superview]);

这应该打印出视图的描述。

弄清楚这一点后，如果您希望 Web 视图具有相同的布局，则可以使用其 autoresizingMask 属性。如果你这样设置：

infoGraphicView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;

那么视图会自动改变它的宽度和高度，以保持上、左、右、下边距相同。