使图像适合屏幕顶部，填充宽度，保持纵横比答案

【问题标题】：Fit image to top of screen, fill width, keep aspect ratio使图像适合屏幕顶部，填充宽度，保持纵横比
【发布时间】：2015-05-16 07:54:53
【问题描述】：

所以，我想做的是在我的 ViewController 顶部有一个“横幅”。我需要图像保持在屏幕顶部，屏幕的整个宽度并在这样做时保持其纵横比。我很难做到这一点。这是我尝试过的：

但结果是这样的：

有人知道如何将这个横幅强制到顶部并使其保持其纵横比吗？

【问题讨论】：

运行此应用并显示此视图时控制台中有任何消息吗？
另外，Interface Builder 中是否有任何警告（红色或黄色）？
@matt 控制台中没有消息，我有一个警告“横幅框架在运行时会有所不同”
啊哈。这个警告很重要！单击黄色警告图标并选择更新框架。结果将是它在 Xcode 中的外观与它在运行时的外观相同。好的，它现在在两个地方都错了，但至少 Xcode 不会再误导你了！然后你就可以开始纠正你的约束了。
顺便说一句，我赞成你的问题，因为这是我在约束问题上见过的最好的单屏幕截图。您将大量有用的信息打包到一个屏幕截图中！

【解决方案1】：

问题是你仍然缺乏约束。您可以添加另一个约束，例如高度或纵横比。但是，当您添加纵横比约束时，它会在横向时填满整个屏幕。除非您只使用肖像，否则纵横比就可以了。如果您同时使用纵向和横向，则可以使用高度限制，只需将图像视图的内容模式设置为宽高比。

【讨论】：

哦，对了，对不起。我认为您屏幕截图中的橙色线条是为了模棱两可。事实证明，它的视图在运行时会有所不同，因为在您的故事板中，您将顶部、左侧、右侧边距约束为 0。如果您想填充整个宽度，您可以取消选中 Constraints to margin。
我尝试使用您使用的约束，对我来说效果很好。