ios - IB，保持 ImageView 居中，但随着屏幕尺寸增长，保持宽高比

Question

因为我可以在 Android 和 WPF 中轻松地做同样的事情，所以我认为 XCode 的 Interface Builder 也很容易。但是我错了。我花了数小时在 Storyboard 上多次重置约束。我知道这个问题看起来很愚蠢，但请给我提示。

我想要 Storyboard上有这样的东西。我应该设置什么限制条件？

1. 应保持 ImageView 的纵横比。
2. ImageView 水平居中。
3. ImageView 随着屏幕宽度的增加而增长，例如在竖屏手机上为屏幕宽度的 90%。或者，我希望我可以设置一个最大值，例如，不大于 400。我的意思是，iPad 上的 90% 太大了。
4. ImageView 的上边距应该与屏幕尺寸保持合理。我的意思是，硬编码的边距 20 会使它在 iPad 上太靠近顶部，而硬编码的边距 200 在 iPad 上看起来不错，但在 iPhone SE 上就不好看了。

Answer 1

1. 约束宽度和高度以保持纵横比(一个约束:

   imageView.widthAnchor.constraint(equalTo: imageView.heightAnchor, multiplier: 0.6).isActive = true

2. 将 centerX 约束到 viewController 的 View centerX:

   imageView.centerXAnchor.constraint(equalTo: self.view.centerXAnchor, constant: 0).isActive = true

3. 使用某个比例(此处为 90%)将 imageView 宽度(或高度)限制为 viewController 的 View 宽度:

   imageView.widthAnchor.constraint(equalTo: self.view.widthAnchor, multiplier: 0.9).isActive = true

4. 这是唯一的问题，什么是合理的偏移量？要求太模糊。但是，如果您唯一的问题是根据给定的 UI 设置适当的偏移量，我会使用大小类根据给定的大小类提供不同的约束 - 请参阅 documentation .