在一行上居中多个 UILabel
Center multiple UILabels on a line
我想在 Interface Builder 的一行中水平居中放置多个 UILabel - 作为一个组。一个直视图控制器我无法弄清楚如何做到这一点。我阅读了有关将 UILabels 放在视图中然后将视图居中放置在视图控制器中的评论。当我尝试这个时,加班我说要更新界面生成器中的框架,视图将被调整为无。 (即它的高度和宽度将被 IB 设置为 0)。我需要知道如何让它在界面生成器中工作。
下面是我希望水平居中的包含多个标签的行示例。大括号只是表示每个标签的开始和结束,而不是文本的艺术。 <- 6 -> 表示从标签 1 到标签 2 的尾部 space 是 6
标签 1 标签 2
[评分:0.0]<- 6 ->[距离:125.34 公里]
如有任何建议,我们将不胜感激。
这是我所做的一个确切示例,但它不起作用:
- 在 IB 中创建一个新的视图控制器
- 在页面顶部放置一个页面标签,水平居中并与布局指南的顶部对齐。
- 在页面上添加具有以下约束的视图:
现在向具有以下约束的视图添加两个标签:
完成后出现以下错误,更新框架将导致其高度和宽度为 0
页面在 IB 中如下所示:
我需要自动调整视图的高度和宽度,以便在视图中放置多行标签并将视图的所有内容视为一个组并在页面上居中。
如有任何建议,我们将不胜感激。
这是一个缩略布局上所有约束的工作集的快照,该布局生成始终居中的视图,该视图会自动随子视图调整大小(即,随着任何标签内容的变化,视图会增大或在它周围收缩)。
对您的解决方案很重要,视图既没有高度也没有宽度限制;它的大小完全受其后代约束的约束。
关键是每个组件都有一个直接或间接的约束,从中指定或可以推断其大小和位置。例如,为了让视图推断其宽度,子标签必须在第一个标签上有前导 space 约束,在最后一个标签上有尾随 space 约束,以及水平 space 内部标签之间的约束。这些约束加上标签的内容允许推断视图的宽度......并强制视图动态符合该宽度。
这同样适用于视图的高度。例如,您可以指定一个标签或所有标签的顶部和底部 space。如果只有一个,其余标签可以与其垂直对齐(见截图中的"Align Center Y to: Label1")。
我想在 Interface Builder 的一行中水平居中放置多个 UILabel - 作为一个组。一个直视图控制器我无法弄清楚如何做到这一点。我阅读了有关将 UILabels 放在视图中然后将视图居中放置在视图控制器中的评论。当我尝试这个时,加班我说要更新界面生成器中的框架,视图将被调整为无。 (即它的高度和宽度将被 IB 设置为 0)。我需要知道如何让它在界面生成器中工作。
下面是我希望水平居中的包含多个标签的行示例。大括号只是表示每个标签的开始和结束,而不是文本的艺术。 <- 6 -> 表示从标签 1 到标签 2 的尾部 space 是 6
标签 1 标签 2 [评分:0.0]<- 6 ->[距离:125.34 公里]
如有任何建议,我们将不胜感激。
这是我所做的一个确切示例,但它不起作用:
- 在 IB 中创建一个新的视图控制器
- 在页面顶部放置一个页面标签,水平居中并与布局指南的顶部对齐。
- 在页面上添加具有以下约束的视图:
现在向具有以下约束的视图添加两个标签:
完成后出现以下错误,更新框架将导致其高度和宽度为 0
页面在 IB 中如下所示:
我需要自动调整视图的高度和宽度,以便在视图中放置多行标签并将视图的所有内容视为一个组并在页面上居中。
如有任何建议,我们将不胜感激。
这是一个缩略布局上所有约束的工作集的快照,该布局生成始终居中的视图,该视图会自动随子视图调整大小(即,随着任何标签内容的变化,视图会增大或在它周围收缩)。
对您的解决方案很重要,视图既没有高度也没有宽度限制;它的大小完全受其后代约束的约束。
关键是每个组件都有一个直接或间接的约束,从中指定或可以推断其大小和位置。例如,为了让视图推断其宽度,子标签必须在第一个标签上有前导 space 约束,在最后一个标签上有尾随 space 约束,以及水平 space 内部标签之间的约束。这些约束加上标签的内容允许推断视图的宽度......并强制视图动态符合该宽度。
这同样适用于视图的高度。例如,您可以指定一个标签或所有标签的顶部和底部 space。如果只有一个,其余标签可以与其垂直对齐(见截图中的"Align Center Y to: Label1")。