在容器视图中均匀地间隔多个视图

在容器视图中均匀地间隔多个视图

汽车布局让我的生活变得很艰难。从理论上讲,当我转换时,它会非常有用,但我似乎一直在与它抗争。

我做了一个演示项目来寻求帮助。当视图大小调整时,是否有人知道如何使视图之间的空间均匀增加或减少?

以下是三个标签(手动垂直间距均匀):


我想要的是,当我旋转时,他们可以调整它们的间距(而不是视图大小)。默认情况下,顶部和底部视图向中心挤压:


潇潇雨雨
浏览 537回答 3
3回答

慕森王

因此,我的方法允许您在接口构建器中执行此操作。您所做的是创建“间隔视图”,您已经设置为与高度相等。然后向标签添加顶部和底部约束(见屏幕快照)。更具体地说,我有一个关于“空格视图1”到SuperView的顶级约束,其高度限制比1000优先级低,并且高度等于所有其他“间隔视图”。“Spacer View 4”有一个对SuperView的底部空间限制。每个标签都有一个与其最近的“间隔视图”相关的顶部和底部约束。注意:确保您的标签上没有额外的顶部/底部空间限制到SuperView,只有“空间视图”的约束。这将是可以满足的,因为顶部和底部的约束分别在“空间视图1”和“空间视图4”上。我复制了我的观点,只是把它放在景观模式中,这样你就可以看到它的作用了。杜赫2:“间隔视图”可以是透明的。dh 3:这种方法可以水平地应用。
打开App,查看更多内容
随时随地看视频慕课网APP