在情节提要中创建复杂的布局
creating complex layout in storyboard
我正在尝试在故事板中创建复杂的用户界面。我得到的只是一堆错误,我不知道如何解决它们,因为建议的约束不合适。这是 link 我的项目:link。最终布局应类似于图像中的布局:
简短版:布局在任何屏幕尺寸上都应与图片中的布局相同。图像视图和彩色视图都应该在更大的屏幕上变大。所有图像视图的大小应相同。
长版:
所有图像视图的大小应相同。
白色大视图应始终占据屏幕的上半部分。我知道该怎么做。红色视图应该恰好出现在它的超级视图的中心,即大的白色视图。
两个蓝色视图的宽度应与红色视图的宽度完全相同。这 3 个视图的宽度应与 2 个绿色视图的高度相匹配。意思是,屏幕越高(屏幕越高意味着绿色视图越高),ImageViews 之间的 space 越宽(那些里面有 Image 字样的,基本上意味着更宽的蓝色和红色视图)。
左边和右边的白色视图填充 space 形成左图像视图到左边距和右图像视图到右边距。
所有视图都用 0 固定到它的第一个邻居。蓝色和红色被水平固定,绿色视图被垂直固定。此外,底部和上部图像视图分别固定到超级视图(大白视图)的底部和顶部。
我不想在图像视图上设置高度和宽度限制,因为它们应该在运行时确定。
如果这里有人能帮助我,我将不胜感激!
我已经把解法上传到GithubRepo,你可以看看
1)"Also the bottom and upper image view are pined to bottom and top of superview(big white view) respectively"这个要求无法满足
2) 左右间距可以 decrease/increased 满足总体要求
多年来我一直为此苦苦挣扎,所以我最终决定创建一个视图来管理所有这些调整大小,就像 HTML 页面一样:ETFlowView.
我正在尝试在故事板中创建复杂的用户界面。我得到的只是一堆错误,我不知道如何解决它们,因为建议的约束不合适。这是 link 我的项目:link。最终布局应类似于图像中的布局:
简短版:布局在任何屏幕尺寸上都应与图片中的布局相同。图像视图和彩色视图都应该在更大的屏幕上变大。所有图像视图的大小应相同。
长版: 所有图像视图的大小应相同。
白色大视图应始终占据屏幕的上半部分。我知道该怎么做。红色视图应该恰好出现在它的超级视图的中心,即大的白色视图。
两个蓝色视图的宽度应与红色视图的宽度完全相同。这 3 个视图的宽度应与 2 个绿色视图的高度相匹配。意思是,屏幕越高(屏幕越高意味着绿色视图越高),ImageViews 之间的 space 越宽(那些里面有 Image 字样的,基本上意味着更宽的蓝色和红色视图)。
左边和右边的白色视图填充 space 形成左图像视图到左边距和右图像视图到右边距。
所有视图都用 0 固定到它的第一个邻居。蓝色和红色被水平固定,绿色视图被垂直固定。此外,底部和上部图像视图分别固定到超级视图(大白视图)的底部和顶部。
我不想在图像视图上设置高度和宽度限制,因为它们应该在运行时确定。
如果这里有人能帮助我,我将不胜感激!
我已经把解法上传到GithubRepo,你可以看看
1)"Also the bottom and upper image view are pined to bottom and top of superview(big white view) respectively"这个要求无法满足
2) 左右间距可以 decrease/increased 满足总体要求
多年来我一直为此苦苦挣扎,所以我最终决定创建一个视图来管理所有这些调整大小,就像 HTML 页面一样:ETFlowView.