查看所有剩余空间故事板

Question

我们如何使用故事板设计 UI，使视图占据所有剩余空间。

设计要求： 我有一个具有两个标签（数据和新标签）的视图，我希望新标签显示在底部，然后获取数据以占据视图内的所有剩余空间。

我最终设计了这样的故事板，效果很好，但有疑问/疑问

1. 所附屏幕截图，垂直规范约束定义为两个标签之间的 10px 空间，但为什么 UI 预览显示 +55.6？
2. 设计相同 UI 的三种更好方法是什么？

Answer 1

...然后用

Data

占据所有剩余空间

这意味着

Data

标签的

vertical

content hugging priority

应该比

New

标签更低。

为什么 UI 预览显示 +55.6？

因为它是为原型设计而设计的，所以它告诉您在预览中看到的内容与您将在运行时看到的内容完全一致。

⚠️注意，这是关于间距，而不是高度。在

动态单元格 _{设置中，+55.6 上设置的}

rowHeight

始终会覆盖各个单元格的 rowHeight。

设计相同 UI 的三种更好方法是什么？

不存在“更好”这样的事情。您应该选择最适合您和您的团队的。例如：

您可以使用 UITableView

来减少约束，但它的动态性可能不如自动布局。

• 您可以使用

  StackView

  文件来增强可重用性，但它们可能有点老式，而且还会使您的项目文件更大
• 可以使用代码来减少Git冲突，但可能会失去拖放功能等等
每种方法都有其缺点和优点。

在

我看来

（这不是最好的），当您的布局是

Xib_{或StackView时，请使用}

vertical

。这样你也为 SwiftUI 常规布局机制做好了准备。