iOS - 顶部布局指南高度问题

Posted

技术标签:

【中文标题】iOS - 顶部布局指南高度问题【英文标题】:iOS - Top Layout Guide height issues 【发布时间】:2017-11-18 14:59:06 【问题描述】:

我正在重构我的应用程序中有关 iPhone X 约束的一些视图,并将一组视图移动到一个 TabBarController 视图中,该视图还有一个导航视图。一切工作都很好,但只有一件事。嗯...总是有“剩下一个问题”的事情,不是吗?

所以我遇到的问题是顶部布局指南设置得很高。我不想那样。请参阅有关此问题的屏幕截图。

我已将标签“Maandag”和“Op afspraak”(顶部)的顶部约束设置为 0。请参阅顶部布局指南。我转换为此 TabBar 视图的所有视图都有这个问题 :( 我正在使用 Storyboards。

这是设备上的结果(在所有类型的设备上都相同)

提前致谢!

【问题讨论】:

【参考方案1】:

ios 11 中,Apple 是 deprecating top(bottom)LayoutGuide 并切换到 safeAreaLayoutGuide。在代码中,您可以使用 view.safeAreaLayoutGuide.topAnchor 固定您的视图,但在情节提要中,您需要将内容固定到视图控制器视图内的安全区域节点:

【讨论】:

好的,所以我添加了安全区域,并且删除了顶部和底部布局指南。但我仍然有那个间距,但现在在安全区域:( 你的约束说top space to safe area 0?您是否在表格视图上设置了任何其他可能影响此的属性?诸如内容插入、自动调整滚动视图插入、表格标题高度、部分标题高度等的值都有可能使内容从顶部显示为插入。我会尝试从头开始创建一个具有类似布局的最小新项目,看看它是否符合您的预期。然后你就可以把它和你当前的项目区别开来。 你最后的评论给了我一个很好的方向来看看其他设置。实际上,在 ViewController 本身上检查了一个选项。在属性检查器中禁用“Under Top Bars”后,问题似乎得到了解决。非常感谢!!!也将您的帖子标记为答案,因为这也是我所需要的 :)

以上是关于iOS - 顶部布局指南高度问题的主要内容,如果未能解决你的问题,请参考以下文章

iOS 视图高度和自动布局

iOS自动布局多个高度

xib 中的自动布局 - 子视图的高度与导航栏和标签栏之间的空间成正比

垂直自动布局两个视图,动态高度对齐顶部

在自动布局的情况下,IOS scrollview 模糊的可滚动内容高度

修复了滚动列表顶部的标题。所有列高度相同的 Flex 布局