子视图在模拟中不那么大

Question

我已经创建了几个子视图，如下所示：

但是，当我尝试运行该程序时，子视图仅占据屏幕的五分之四。知道为什么会这样吗？

Answer 1

您需要添加约束。 （前导和尾随）

选择视图 点击添加新约束 为行距顶部和高度添加新的约束 如果选择视图，您应该能够看到新的约束

我强烈建议使用约束教程。 同样，您似乎需要滚动它，所以也许滚动的东西将帮助您显示这种情况的子视图：  -ScrollView  -TableView  -CollectionView

Answer 2

您需要首先使视图一致，以使它们具有所需的所需宽度和高度。之后，选择视图（如果不能一次全部看到它们），然后转到编辑器>嵌入>滚动视图。

现在，所有视图都将位于滚动视图内。但是为了正确滚动，您还需要限制滚动视图，以确保滚动视图在视图范围内。

在子视图之间添加所需的垂直间距。 要么 将所有子视图添加到可以垂直对齐项目的堆栈视图中。

有关更多信息，请查看UIScrollView和Layout Using Stack Views

Answer 3

如果import的数量有限，并且想在没有UIVIew的情况下在单个屏幕中显示所有内容，则只需添加如下所示的UIScrollView约束

注意：没有任何UIView的固定高度，因此它将根据设备屏幕的大小调整或增加。

1。。对UIView UIView Top Leading的第一个Trailing约束。

2。。Bottom UIView Top Center Horizontal First View的第二个Equal Width of First View约束

3。。Equal Height of First View UIView Top Center Horizontal of Second View的第三个Equal Width Second View约束

4。对Equal Height of Second View UIView Top Center Horizontal of Third View的{​​{1}}约束

5。对Equal Width Third View Equal Height of Third View UIView Top Center Horizontal of Forth View的第五个Equal Width Forth View约束

所以它看起来像下面。

1。在StoryBoard中

2。设备或模拟器外观

注意： 如果您有大量的Equal Height of Forth View，那么最优选的方法是在Bottom内添加

Answer 4

您可以在Storyboard中看到放置的视图，只需将它们从Library中拖放 并使用该特定View的角边缘。

现在是发生这种情况的原因

  

您正在使用iPhone SE的情节提要设计（您可以在   底部），您将在iPhone 8的模拟器上启动它

现在，如果您在iPhone SE's模拟器上运行该模拟器，它将完美显示！

但是，如果您希望它在所有设备上都显示相同，则需要使用Auto Layout constraints

您可以在互联网上找到很多很棒的Auto Layout教程，这些教程可以教给您很多知识，如果您想进一步学习 iOS开发

我在下面附上了我所使用的教程之一的链接：

Auto Layout Tutorial