2

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

在此处输入图像描述

短版:布局在任何屏幕尺寸上都应该与图片中的一样。图像视图和彩色视图都应该在更大的屏幕上变得更大。所有图像视图应具有相同的大小。

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

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

两个蓝色视图应与红色视图具有完全相同的宽度。这 3 个视图的宽度应与 2 个绿色视图的高度匹配。意思是,屏幕越高(屏幕越高意味着绿色视图越高),ImageView 之间的空间越宽(其中有Image字的那些,基本上意味着更宽的蓝色和红色视图)。

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

所有视图都以 0 连接到其第一个邻居。蓝色和红色水平固定,绿色视图垂直固定。此外,底部和上部图像视图分别固定到超级视图(大白视图)的底部和顶部。

我不想在图像视图上设置高度和宽度约束,因为它们应该在运行时确定。

如果这里有人可以帮助我,我将不胜感激!

4

2 回答 2

6

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

在此处输入图像描述

1) “也底部和上部图像视图分别固定到superview(大白视图)的底部和顶部”这个要求不能满足

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

于 2015-08-21T17:06:33.763 回答
1

多年来我一直在为此苦苦挣扎,所以我最终决定创建一个视图来管理所有这些调整大小,就像 HTML 页面一样:ETFlowView

于 2015-10-01T03:48:56.203 回答