在故事板中创建复杂的布局

san*_*han 2 ios uistoryboard autolayout nslayoutconstraint universal-storyboard

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

在此输入图像描述

简短版本:布局应该看起来像任何屏幕尺寸的图片中的布局.在较大的屏幕上,图像视图和彩色视图都应该变大.所有图像视图的大小应相同.

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

大白视图应始终占据屏幕的上半部分.我知道该怎么做.红色视图应该恰好出现在超级视图的中心,即大白视图.

两个蓝色视图的宽度应与红色视图的宽度完全相同.这3个视图的宽度应与2个绿色视图的高度相匹配.意思是,屏幕越高(屏幕越高意味着绿色视图越高),ImageViews之间的空间越大(其中包含Image字的人,基本上意味着更宽的蓝色和红色视图).

左侧和右侧的白色视图将左侧图像视图的空间填充到左侧边距,右侧图像视图填充到右侧边缘.

所有视图的第一个邻居都为0.蓝色和红色是水平的,绿色的视图是垂直的.此外,底部和上部图像视图分别被打到superview(大白视图)的底部和顶部.

我不想在图像视图上设置高度和宽度约束,因为它们应该在运行时被解除限制.

如果有人能帮助我,我真的很感激!

Usa*_*ama 6

我已经在GithubRepo上传了解决方案,你可以看看.

在此输入图像描述

1) "底部和上部的图像视图分别是超视图的底部和顶部(大白视图)"这个要求不能满足

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