Ios 在情节提要中创建复杂布局

Ios 在情节提要中创建复杂布局,ios,autolayout,uistoryboard,nslayoutconstraint,universal-storyboard,Ios,Autolayout,Uistoryboard,Nslayoutconstraint,Universal Storyboard,我试图在故事板中创建一个复杂的用户界面。我得到的只是一堆错误,我不知道如何解决它们,因为建议的约束不合适。这是指向我的项目的链接:。最终布局应与图像中的布局相似: 简短版本:在任何屏幕大小上,布局都应该与图片中的布局相似。在更大的屏幕上,图像视图和彩色视图都应该变大。所有图像视图的大小应相同 长版本: 所有图像视图的大小应相同 白色大视图应始终占据屏幕的上半部分。我知道怎么做。红色视图应该正好出现在它的超级视图(大白色视图)的中心 两个蓝色视图的宽度应与红色视图的宽度完全相同。这3个视图的宽度

我试图在故事板中创建一个复杂的用户界面。我得到的只是一堆错误,我不知道如何解决它们,因为建议的约束不合适。这是指向我的项目的链接:。最终布局应与图像中的布局相似:

简短版本:在任何屏幕大小上,布局都应该与图片中的布局相似。在更大的屏幕上,图像视图和彩色视图都应该变大。所有图像视图的大小应相同

长版本: 所有图像视图的大小应相同

白色大视图应始终占据屏幕的上半部分。我知道怎么做。红色视图应该正好出现在它的超级视图(大白色视图)的中心

两个蓝色视图的宽度应与红色视图的宽度完全相同。这3个视图的宽度应与2个绿色视图的高度相匹配。也就是说,屏幕越高(屏幕越高意味着绿色视图越高),图像视图之间的空间越宽(那些有图像单词的人,基本上意味着蓝色和红色视图越宽)

左侧和右侧的白色视图填充从左图像视图到左边框和从右图像视图到右边框的空间


所有视图都将0与第一个相邻视图绑定。蓝色和红色水平放置,绿色视图垂直放置。此外,底部和上部图像视图分别固定在superview(大白色视图)的底部和顶部

我不想对图像视图设置高度和宽度约束,因为它们应该在运行时取消定义


如果这里有人能帮我,我将不胜感激

我已经上传了解决方案,你可以看一下


1)“此外,底部和上部图像视图分别固定在superview(大白色视图)的底部和顶部”无法满足此要求


2)通过满足总体要求,可以减少/增加左右间距

多年来,我一直在努力解决这个问题,所以我最终决定创建一个视图来管理所有这些大小调整,就像HTML页面一样:。

白色视图应该覆盖屏幕的多少部分?在我的照片中,它覆盖了1/2。白色视图的底部使用常数0和乘数1:2固定在底部布局指南上。所以它应该覆盖每个设备的一半?是的,完全正确。图像视图变得更大,因为在更大的设备上,白色视图变得更大。三个垂直视图决定了其他视图的大小,因为它们从底部到顶部填充了白色大视图的空间。不确定从我的问题看是否明显-图像视图是正方形。“底部和上部图像视图分别固定在底部布局指南和顶部布局指南”它们不是固定在超级视图上吗?