自动布局问题

Posted 2023-03-15

【中文标题】自动布局问题

【英文标题】：Auto Layout Troubles

【发布时间】：2015-01-06 17:54:27

【问题描述】：

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

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

这是我正在使用的屏幕。

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

除了标签之外的所有东西似乎都适用于自动布局。当我尝试给标签限制时，他们所做的只是离开屏幕而我找不到它们。我想确保所有标签都显示在每个屏幕上。我一直在这几个小时无济于事。

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

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

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

这里有一些截图。

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

编辑 3： 多亏了@rdelmar，我现在可以把所有东西都放进去，但是会发生这种情况，当我尝试改变它时，一切都变得很奇怪。但是已经制定了流程。

【问题讨论】：

您希望标签在哪里？向右？

@Jeef 我希望时间标签在左边，其他在右边。

左边的标签需要一个水平间距约束到左边，右边的应该有一个到右边。您现在有哪些不起作用的限制条件？

@rdelmar 我编辑了我的帖子以反映我尝试时发生的情况。

你不想要水平间距，你想要领先空间到 Superview。

【参考方案1】：

标签上的约束是什么颜色？如果它们不是蓝色的，它们可能没有足够的约束。通常，您需要一个 Width、Height、X、Y 才能正确显示项目。

我假设您想右对齐标签，您有以下选择：

简易模式

选择所有标签 进入编辑菜单并选择“嵌入视图” 设置视图属性，使其具有清晰的背景 应用以下约束 固定宽度 固定高度 垂直间距 训练间隔

这会将视图（以及其中的所有内容）锁定到右边框及其容器的顶部。

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

【讨论】：

我按照指示到了发球台，但仍然没有工作。