该应用程序在模拟器上与在故事板上的外观不同

Question

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

基本上，我是通过将UIView和UITable视图放在一个堆栈视图中并将其固定到屏幕的4个边缘来实现的。然后，将对齐方式设置为“填充”，将分布设置为“按比例填充”。 在情节提要板上，UIView位于屏幕的顶部20-25％，其余部分为表格视图。但是，在模拟器上，看起来它们各自占据了屏幕的一半。 here's an image of the simulator and the storyboard showing the difference

Answer 1

这是由于您依赖于堆栈视图来为您布置UIView和UITable的事实。如果将它们从堆栈视图中取出，则可以为顶部区域（UIView）指定特定的高度，并将顶部区域（UIView）的底部固定到底部区域（UITableView）的顶部。

或者，您可以将它们保留在堆栈视图中，并将分布更改为“填充”，并且UITableView的“内容拥抱优先级”小于UIView。这将使UIView达到所需的大小，并让UITableView占据其余空间，这听起来像您想要的。这很好地说明了堆栈视图的不同分发可能性：

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