为什么助手预览器与真实视图不同？

Question

查看我的图片：https://postimg.org/image/7t1bb3hyx/真实视图与助手预览中的视图不同...我使用了按钮的堆栈视图。我究竟做错了什么？约束：https://postimg.org/image/86ehdpkt9/

Answer 1

修改

刚看到你发布的限制条件。 StackView.Top有两个约束。尝试离开“Top Layout Guide”并删除title.bottom约束。我认为这是最重要的。如果要指定标签的高度，请使用高度约束，或指定字体大小。

这里只是猜测，但您的布局可能会放在“顶部布局指南”上方。将标签向下拖动一些并向标签添加约束（或编辑您的标签）并使其基于顶部布局约束而不是“视图”。这样可以将所有东西都缩小一点，这样我们就可以看到显示电池等的顶部条。

标签靠近顶部

请注意，当标签靠近顶部时，距离基于视图。

稍微标记

现在，您可以将标签约束基于“顶部布局指南”