ios - UIImageView 在不同的设备上保留 Storyboard "preview screen bounds"- 框架不根据屏幕尺寸更新

Question

当我在模拟器中运行我的应用程序时，我的 Storyboard预览选择手机时仍然会获取高度和体重。

不应该选择哪种模拟器？

例如: Storyboard预览选择 iPhoneSE 然后 ImageView

重量 = 96

高度=92

Storyboard预览选择iPhone8然后 ImageView

权重 = 112.5

高度=108.5

但是当我的storyboard 预览时选择iPhoneSE 和simulator 不管选择哪个像iPhone 8, iPhoneX...

重量 = 96

高度=92

为什么？

最奇怪的是当我选择不同的 Storyboard预览时，同一个模拟器，我得到不同的尺寸......

print(self.img.frame.height)
print(self.img.frame.width)

Answer 1

我遇到了完全相同的问题，我认为在上面的描述中没有很好地体现它。要重新创建它，请执行以下步骤:

设置:

1) 在 Xcode 中启动一个新的“Single View App”。我目前使用的是 Xcode 10.2.1

2) 进入 Storyboards 并添加一个具有某种背景颜色的 UIView 对象，使其可见

3) 给这个新 View 一些自动约束，例如前导、尾随、centerY 和 1:1 的纵横比。只需确保不要给它一个固定的高度或宽度。

4)在ViewController.swift中，为这个UIView添加一个IBOutlet变量，比如'myView'，并连接起来，方便引用。

5) 在viewDidLoad()中，添加打印语句，效果为，

print("Bounds of myView: \(myView.bounds)")

测试问题:

现在，返回 Interface Builder，将预览或底部的“查看方式”设置为“iPhone SE”之类的内容。然后，在顶部选择模拟器的地方，还要选择“iPhone SE”。现在运行该应用程序。

在控制台中，您将看到带有 View 边界的打印语句，一切看起来都很好。

现在，将 Interface Builder 的预览“View as”选项更改为“iPhone 8”之类的选项，但保留 iPhone SE 上的模拟器选项再次在“iPhone SE”模拟器中运行该应用。

就像以前一样，由于自动布局，视觉上一切都很好。但是，控制台中打印的边界信息不同。这与“iPhone 8”或在 Interface Builder 中选择用于预览的任何设备相匹配。

举一个更明显的例子，为 Interface Builder 选择类似 iPad Pro 的东西，然后再次在 iPhone SE 模拟器上运行它。再次在视觉上一切正常，但控制台中的 bounds 信息有问题。它与界面预览相关联，而不是与正在测试的设备相关联。

当您编写的代码在没有固定宽度和高度的自动布局约束下使用对象的边界信息时，就会出现问题。

解决方案:

在ViewController.swift中，在viewDidLoad()方法后添加如下内容

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    print("Bounds of myView in viewDidLayoutSubviews: \(myView.bounds)")
  }

现在，无论我们在 Interface Builder 中使用什么预览选项，模拟器都会在生命周期的这一点记录正确的边界信息。

因此，对于任何在代码中使用 bounds 或 frame 属性的项目，如本例中的 View ，都应放置任何引用该 View 的代码viewDidLayoutSubviews() 方法中的边界。