Tabbar自动布局问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Tabbar自动布局问题相关的知识,希望对你有一定的参考价值。

我在iPhone 6设备上遇到了一个奇怪的故障(仅在设备上。模拟器工作正常。我认为另一个真正的设备会有同样的问题)。这是视频:https://youtu.be/_s3C1RnPG_I

此外,在iPhone X模拟器上,消息发送视图下方有一个空白空白区域,

enter image description here

但我想要这样的东西。

enter image description here

这是消息发送视图的约束:

enter image description here

绝对是底部约束的错误,但我几乎尝试了所有,没有任何帮助。

答案

根据Apple - Interface Builder使用UIView.safeAreaLayoutGuide替代UIViewController中不推荐使用的Top和Bottom布局指南。要使用新的安全区域,请在文件检查器中为视图控制器选择“安全区域布局指南”,然后在内容和新安全区域锚点之间添加约束。这可以防止您的内容被顶部和底部条以及tvOS上的过扫描区域遮挡。在部署到早期版本的ios时,对安全区域的约束将转换为顶部和底部。

enter image description here

这是现有(顶部和底部)布局指南和安全区域布局指南之间的比较(以产生类似的视觉效果)的简单参考。

安全区域布局:

自动版式:

enter image description here

另一答案

使用this文章计算条形图的大小。

首先根据以下内容为自定义消息视图分配前导,尾随,底部和高度约束:

enter image description here

然后编辑底部约束,如下所示:将第二个项目更改为view.Top&Constant = 44(消息视图的高度)

enter image description here

以上是关于Tabbar自动布局问题的主要内容,如果未能解决你的问题,请参考以下文章

Eclipse 自动创建片段布局,我该如何禁用它

布局TabBar

主程序底部TabBar功能跟登录页面布局

tabBar.topAnchor 的奇怪布局

pushViewController 使用 hidesBottomBarWhenPushed (iphone6) 导致自动布局问题

自动布局视图以占用所有可用空间