Xcode如何在Autolayout中进行灵活约束

Question

大家好，我遇到了自动布局问题

我有登录情节提要，其中包含三个项目 Image-view ， Stack-view ， Button 就像下面的第一张图片

我尝试使用两种方式添加约束：

如下图 1 所示，我将“固定”约束添加到图像视图的第一种方式，但是当我更改为横向时，图像消失为下面的第二张照片。
请注意我没有收到任何警告

我尝试的第二种方法是使用视图包装图像视图，然后我添加了 要查看的“固定”约束 最后我在容器中的图像视图和水平和垂直添加了固定的宽度和高度，但我得到了第三张和第四张照片的结果

我应该怎么做才能使我的图像视图适应所有屏幕？

谢谢

Photo1 Photo2 Photo3 Photo4

Answer 1

换成横屏时高度变化很大。 Autolayout 设计的问题在于它不适应横向和纵向模式，因为您为布局提供了固定的 hight 和 width。

使您的 image-view 适应所有屏幕，将您的 image-view height 设置为 superview height在 percentage 所以在横向模式下高度会改变你的图像视图仍然会以完全相同的 percentage 从 superview height 获得 height 。

看看这个演示希望这会有所帮助。 Autolayout

• 首先将 UIImageView 放到 ViewController 中。
• 给它一个顶部约束并将它水平对齐到它的 SuperView。 现在它只需要高度和宽度。

• 然后Ctrl从ImageView拖动到本身并选择纵横比。给 一个方面 ratio 1:1（它只是告诉 storyboard 如果有任何 height 或 宽度 可用我希望另一个与 width 相同 那么 height 应该与 width 相同，height 反之亦然），如您所愿 适合您的个人资料 ImageView 的完美方形。

• 现在 Ctrl 从 ImageView 拖动到 SuperView 并选择 等高。

• 现在您的 ImageView 将 height 设置为 SuperView Height。 给你的 ImageView 比例高度（百分比，Aspect Ration or Multipiler）到 SuperView 你想给多少喜欢 所以。

最后，您的 UIImageView 将获得与 SuperView 高度成正比的高度，反之亦然。