自动布局问题

Auto Layout Troubles

我看了很多教程。阅读此处的所有内容以及互联网可以提供给我的所有信息。

出于某种原因,我无法理解自动布局的工作原理。

这是我正在使用的屏幕。

如您所见,我只是在顶部有一个选择器视图。然后我在它下面有一个常规的子视图。带有页面控件以及一些标签。

除了标签之外的所有内容似乎都适用于自动布局。当我尝试对标签进行约束时,它们所做的只是从屏幕上移开,而我找不到它们。我想确保所有标签都显示在每个屏幕上。我已经在这里工作了几个小时但无济于事。

有什么建议可以帮助我解决问题。我想确保所有标签都显示在子视图内。

编辑1:当我尝试将所有标签放入自己的视图并进行约束时,一切都消失了。

同样奇怪的是水平间距的选项是灰色的。

这里是一些截图。

编辑 2: 当我选择 'leading space to superview' 时,一切都消失了。

编辑 3: 感谢@rdelmar,我现在可以把所有东西都放在那里,但这种情况发生了,当我试图改变它时,一切都变得奇怪了。但是流程已经做了。

标签上的约束是什么颜色?如果它们不是蓝色,则它们可能没有足够的约束。一般来说,您需要宽度、高度、X、Y 才能使项目正确显示。

我假设您想右对齐标签,您有以下选项:

简易模式

  1. Select 你所有的标签
  2. 进入编辑菜单然后select"Embed in View"
  3. 设置视图属性,使其具有清晰的背景
  4. 应用以下约束
    • 固定宽度
    • 固定高度
    • 垂直间距
    • 训练间距

这样做的目的是将视图(以及其中的所有内容)锁定到容器的右边框和顶部。

困难模式 为每个标签单独设置 4 个约束。这是更多的工作。