Ios 如何使用Autolayout实现屏幕显示的结果

各位，我正在为我的客户开发一个约会应用程序，我面临的问题是如何只为iPhone设备实现一个UI布局。请指导我。我已经尝试了很多次，花了大约3-4个小时，但都没有成功。请帮助我，我也在分享我想要实现的布局

注意：如果有人找不到或没有收到我的问题，请告诉我。我会提供更多信息，谢谢。 提前谢谢

---

关键是设置比例约束

首先添加一个

UIView

来保存4个元素-背景、男人、女人和心

为背景添加

ui图像

，并将边缘固定到视图的边缘-这是最简单的部分

为该男子添加

UIImage

• 将纵横比设置为1:1以保持方形（本例中为圆形）
• 将高度约束设置为“包含”视图的高度，然后将乘数设置为小于1，使其相对于视图。在本例中，0.6非常接近
• 设置水平和垂直居中的约束。。。然后设置乘数，使图像保持在中心的左侧和上方。水平方向为0.64，垂直方向为0.9，效果不错

为女性添加

UIImage

• 将高度和宽度约束设置为与男性图像相等
• 设置水平和垂直居中的约束。。。然后设置乘数，使图像保持在中心的正下方。水平方向1.4，垂直方向1.2，效果不错

为心脏添加

UIImage

• 将纵横比设置为1:1（或为心脏图像提供适当比例的任何设置）
• 将高度约束设置为“包含”视图的高度，然后将乘数设置为小于1，使其相对于视图。在本例中，0.15非常接近
• 设置水平和垂直居中的约束。。。然后它将需要一点调整o注意垂直1.05为我工作

现在，您只需要为“包含”视图设置适当的约束，所有元素都将在其中进行缩放和定位

当你全部完成时，它（希望）应该是这样的：

---

我将该项目放在GitHub回购协议中供您查看：

到底是什么让您困惑？如何排列相互关联的视图？如何将一个视图置于另一个视图之后？或者如何在不同的屏幕上处理它？@AleksandrMedvedev是的，我想实现重叠视图，从5秒到7秒以上的每台设备上的布局都应该相同。希望您理解如果您共享4幅图像-背景、心脏和两张脸-我想我能帮上忙。@DonMag谢谢，图片共享是保密的，他们不允许我。如果你能帮助我尝试使用谷歌提供的任何图片作为背景和心形。任何帮助都会非常感激。大家好，我可以知道为什么要投否决票吗？他们能解释一下这个问题出了什么问题吗？请推荐我。感谢您的努力，我们会检查并让您知道。再次感谢：-）感谢您的帮助。我仍然无法通过编程方式获得纵横比圆角（对于男性，女性图像，假设我从远程URL获取图像，然后设置角半径和边框）有什么建议吗？首先猜猜---当你想要方面适合时，你的

UIImageView

contentMode设置为Fill，或者当你想要方面适合时，设置为Aspect Fit，反之亦然。。。显示你得到的内容的屏幕上限？谢谢你的回复。你能建议我在哪里给你提供截图吗？