Xcode 故事板上的并排约束

Posted

技术标签:

【中文标题】Xcode 故事板上的并排约束【英文标题】:Side-by-side constraints on Xcode storyboard 【发布时间】:2016-01-23 01:21:43 【问题描述】:

我想让这些图像中的每一个都在我的应用程序中显示。总共有 5 张图片,每张都在上面标记。我尝试了多种约束和视图的使用,但我无法找到可行的解决方案。该单元作为一个整体将在屏幕上垂直和水平居中。此外,我希望无需代码且仅在 Xcode IDE 内部使用约束即可完成此操作。

【问题讨论】:

【参考方案1】:

首先,定位和调整黑色十字图像的大小。

现在为所有四个图像设置宽度和高度限制。

最后,定位每张图片。第一个图像固定在黑色十字图像的顶部和左侧,第二个图像固定在黑色十字图像的顶部和右侧,依此类推。

以下只是示例值;例如,将图像高度/宽度设置为黑色十字高度/宽度的百分比可能更有意义,您可能需要调整偏移 (constant) 值:

【讨论】:

哇,这太完美了!非常感谢! :)

以上是关于Xcode 故事板上的并排约束的主要内容,如果未能解决你的问题,请参考以下文章

故事板上并排的多个项目

故事板上的 Xcode 9 和 9.1 选择的设备会影响部署设备上的视图宽度

如何从 xcode 故事板上的导航控制器导航回来

故事板上对象的生命周期?

故事板约束(Xcode)

在 Xcode 6.1 中,我有两个导航按钮。但它们在故事板上不再可见。我如何让他们回来?