iOS 8 上的自动布局约束答案

【问题标题】：Auto layout constraints on iOS 8iOS 8 上的自动布局约束
【发布时间】：2015-07-04 12:44:38
【问题描述】：

我正在尝试将我用 Sketch 制作的这个设计应用到我的 iOS 应用程序中。

在我的故事板上，它看起来像第二张图片。但是，当我在 iPhone 5s（没有任何限制）上运行该应用程序时，它看起来像第三张图片。我应该在场景中添加哪个约束以使卡片背景图像视图以概念为中心；图标 imageView（紫色）以 X 和 Y 为中心；以及草图中排列的所有其他按钮和标签？谢谢

【问题讨论】：

您可能希望 Hello there 消息约束到超级视图的顶部，而不是与图像垂直对齐。图片将位于中心，标题将位于顶部。
是的，我明白了，谢谢。但是我应该为背景白卡和按钮添加哪些约束？
白卡限制在其超级视图的顶部、底部、左侧、右侧（这对我来说是主视图）。并且按钮被约束到白卡，水平中心和底部约束到白卡。并为按钮高度添加约束。所以，它不需要对图像进行约束。或者 >= 图片。

标签： ios objective-c swift autolayout

【解决方案1】：

我相信你的问题是带有建筑物的紫色图像很小，它正在调整 UIImageView 的大小，然后将“Hello There”标签向下拖动到它。先看看你UIImageView的Mode。我相信您想要的模式是“Aspect Fill”，但如果这不起作用，请尝试“Scale To Fill”，如下所示。

在尝试上述方法后，我要添加的第一个约束是“Hello There”标签和 SuperView 之间的垂直顶部约束。然后在 UIImageView 周围添加 3 个约束（上、左、右）。

【讨论】：