故事板约束问题:屏幕高度的一半

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了故事板约束问题:屏幕高度的一半相关的知识,希望对你有一定的参考价值。

我在故事板中有4个标签,顶部有一个大标签,还有3个较小标签,底部中间位于中间(水平和垂直),如下所示:

like so.

我已经设置了一些约束,比如将顶部标签锁定在屏幕顶部,并使底部居中。但是,我不知道我应该使用的约束,以便所有四个标签等间距,底部标签保持在中心。我玩过一些约束,例如标签之间的间距,但当我尝试使用不同的屏幕尺寸查看时,一切都搞砸了:

everything is messed up.

有任何想法吗?

答案

最好的方法是UIStackView轴 - >垂直,分布 - > fillEqually,所以挂钩它的顶部,前导,拖尾到主视图,拖动它内部的4个标签,并从最底部标签拖动到主视图并选择中心垂直和水平

enter image description here

enter image description here

另一答案

你可以在这里诀窍:

  1. 设置顶部全局标签顶部约束并水平居中于superview。
  2. 将底部标签约束中心垂直和水平设置为超级视图。
  3. 在标签一二,二三,三四之间取三个虚拟视图。
  4. 将这些虚拟视图之间的约束设置为相等高度。
  5. 然后正确设置标签和虚拟视图之间的上下限制。
  6. 设置标签和虚拟视图的水平约束。我已经设置为水平中心。

在这里,我附上了图片:enter image description here

为了更好地理解,我将虚拟视图着色为浅灰色。您可以将其设置为清除。

以上是关于故事板约束问题:屏幕高度的一半的主要内容,如果未能解决你的问题,请参考以下文章

iOS 故事板视图约束问题

在代码中混合故事板和约束

y 位置、高度需要约束 - 自动布局故事板

iPhone 上通用故事板的约束

IOS故事板将每个子视图限制在屏幕底部

Xcode 故事板上的并排约束