如何在 Interface Builder 预览故事板中显示导航栏（助理编辑器）

Posted 2023-02-26

【中文标题】如何在 Interface Builder 预览故事板中显示导航栏（助理编辑器）

【英文标题】：How to show navigation bar in Interface Builder preview storyboard (assistant editor)

【发布时间】：2017-11-10 23:31:16

【问题描述】：

我正在 Storyboard 中进行自动布局工作，并在 Assistant Editor > Preview 中预览结果

如何在预览中显示导航栏？

【问题讨论】：

您必须以编程方式添加将在运行时可见。

@MRizwan33 做一个像素完美的自动布局工作，构建和运行检查结果会消耗大量时间。

比采取虚拟视图给它的高度等于导航栏的高度。 （导航栏高度在每个设备中保持相同）。当你完成你的像素完美而不是从该视图的属性检查器中取消选中安装或只是删除视图。

@MRizwan33 提交你的答案，我会接受。

是的，我已经提交了。

【参考方案1】：

获取一个虚拟视图，并使其高度等于导航栏的高度。 （导航栏高度在每个设备中保持相同）。当你完成你的像素完美而不是取消选中从该视图的属性检查器安装或只是删除视图。

【参考方案2】：

我建议另一种方法 - 只需使用顶部约束，当您的容器视图将具有 y = 0 时，您可以将顶部约束设置为 44px，在这种情况下您会看到警告，但屏幕上的所有内容都将相同位置，但预览将显示您的屏幕，就像您有导航栏一样。一切正常后，将top constraint设置为0即可。我想这个解决方案真的很方便。