如何水平自动布局标签和文本字段 iOS

Question

我有两个连续的文本字段和标签，我希望它们在方向变为横向时按比例拉伸。

这里是限制条件

在当前限制条件下，我得到以下输出

注意只有标签被拉伸了。 我不确定布局还需要进行哪些其他更改。

Answer 1

好吧，您可以使用 Stack Views 轻松管理它...... 这很容易理解。您只需要使用 Horizo​​ntal Stack View。它会根据通过拉伸或挤压内容而改变的方向自动调整自己..

Answer 2

尝试以下步骤：

1. 为标签提供前导、尾随（对文本字段）、顶部和底部约束。
2. 给 textField 尾部（到文本字段）、顶部和底部约束。
3. 为第二个文本字段提供尾随（对第二个标签）、顶部和底部约束。
4. 为第二个标签提供尾随（查看）、顶部和底部约束。
5. Select 所有字段并为所有视图提供相等的宽度约束 或 您可以为要根据其增长的所需视图设置水平拥抱优先级常量 (249)到屏幕宽度。

Answer 3

右键单击您在上图中 select 编辑的标签，然后将鼠标指针拖动到它的超级视图，如下所示，select 等宽。

当您完成上述步骤后，您的组件将被拉伸到整个视图，所以现在不要恐慌 select 您的组件再次打开尺寸检查器。点击屏幕下方的宽度限制

现在像这样更改乘数

对所有组件执行相同操作，并根据您要设置的宽度提供乘数。它会自动在所有屏幕 iPad 和 iPhone 以及所有方向上为您工作。