答案 0 :(得分:1)
制作包含图标和文字的UIView
组。让我们调用这个容器视图
将所有n 容器视图放在故事板中,如您所希望的那样。现在:
现在将与第二个容器视图相同的约束应用于所有n - 1 容器视图。 n是您要添加的容器视图的数量。现在到最后一个(第n个)容器视图添加一个额外的约束,它将成为 superView 的尾随空格。现在你所有的容器视图应该具有相等的宽度,这将取决于屏幕的宽度!
如果您希望所有容器视图具有特定的高度或宽高比。只需将 height 或宽高比约束添加到第一个 容器视图,所有后续视图都会相应更新。
或强>
如果您希望高度取决于屏幕尺寸而不保持特定的宽高比,那么您必须让第一个容器视图相等使用0.15
等特定乘数的整个视图的高度。
您还必须为每个UIView
修改:您可以更轻松地将图标作为图片添加到UIButton
,并像往常一样将文字添加到UIButton
。 UIButton
与您发布的屏幕截图非常相似。然后只应用我上面提到的约束。
答案 1 :(得分:0)
将宽度和高度设置为SuperView的比例。设置是否为一个按钮和其余按钮使高度和宽度等于您根据超视图高度和大小定义高度和宽度的第一个按钮。使用此SO Post查看如何将高度和宽度设置为超级视图的比率。
希望这有帮助。
答案 2 :(得分:0)
这很简单,因为您的所有按钮都是单向的,因此您可以使用StackView。 只需简单首先将相等的高度和相等的宽度应用于所有按钮
现在选择所有按钮并将它们添加到stackview
它将位于右侧底部。 (使用约束图标)
现在简单应用添加缺失约束。它将自己完成工作,并提供更好的结果。 (但请注意,在View Controller Section中的所有视图中应用它)
现在Bingo尝试这个尺寸会显示相同。
这也适用于模拟器。
答案 3 :(得分:0)