XCode中具有多个图像的自动布局

Question

我正在尝试在XCode中使用自动布局将这两个图像放置在屏幕快照中，但是当我运行模拟器时，它们处于错误的位置。这基本上是我想做的：

• 如果屏幕尺寸变大，则将图像放大（反之亦然）
• 将狗的图片放在屏幕中间上方
• 将加载图片的位置保持在狗下面一定距离（即loading.y = dog.y + screenheight / 4）

我还没有掌握自动布局的知识，因此，对应该使用哪些约束的任何指导都将受到赞赏。

Image of View Controller

Answer 1

您really将从花时间阅读自动布局的教程/文章/讨论/文档/等中受益。>>

这里是您所描述的示例。

使用这两个图像：

您可以像这样在Storyboard中布置图像视图：

狗imageView具有：

• 水平居中
• 底部将90％约束到CenterY位置（正上方中间）
• 宽度是安全区域宽度的50％
• 由纵横比确定的高度236：175（图像的原始尺寸）

正在加载的imageView具有：

• 水平居中
• CenterY限制为CenterY位置的1.75％（有效screenHeight / 4）
• 宽度是安全区域宽度的75％
• 高度由368：76的宽高比确定（图像的原始尺寸）

这是在3种不同尺寸的设备上的外观：

学习此内容的最佳方法是继续努力。