ios - 应用程序在模拟器上的显示与 Storyboard上的不同

Question

我刚刚进入 iOS 开发，我正在尝试构建一个待办事项列表应用程序。我做了基本布局，但是当我在模拟器上运行它时，它看起来与我在 Storyboard上看到的不同。

基本上，我的做法是将 UIView 和 UITable View 放在一个堆栈 View 中，并将其固定到屏幕的 4 个边缘。然后我将对齐设置为“填充”，将分布设置为“按比例填充”。
在 Storyboard 上，UIView 位于屏幕顶部的 20-25%，其余部分是表格 View 。然而，在模拟器上，看起来它们每个都占据了屏幕的一半。
here's an image of the simulator and the storyboard showing the difference

Answer 1

这是因为您依赖于堆栈 View 来为您布局 UIView 和 UITable。如果将它们从堆栈 View 中取出，则可以为顶部区域 (UIView) 指定特定高度，并将顶部区域 (UIView) 的底部固定到底部区域 (UITableView) 的顶部。

或者，您可以将它们保留在堆栈 View 中并将分布更改为“填充”，并将 UITableView 的内容拥抱优先级更改为小于 UIView。这将使 UIView 尽可能大，并让 UITableView 占据其余空间，这听起来像你想要的。这是对堆栈 View 的不同分布可能性的一个很好的描述:

https://spin.atomicobject.com/2016/06/22/uistackview-distribution/