iOS/Xcode中如何正确对齐Label与TextField？

一、处理不同高度元素的垂直对齐 #

• 针对TextField1和Label2这类高度差异的元素，别只依赖相邻边距约束：同时选中两个控件，在Storyboard右下角的「Align」菜单里选择Center Y，这样不管各自高度多少，都会保持垂直居中对齐。
• 若需要TextField1和顶部保持固定间距，单独给它加「Top Space to Superview」约束，同时保留和Label2的垂直居中约束——既固定了TextField的顶部位置，又保证了和Label的对齐关系。

二、统一多行元素的水平对齐（解决Label4和Label3的对齐问题） #

• 不要逐个手动调整相对位置：选中Label1、Label2、Label3、Label4，在「Align」菜单里选Leading Edges，让所有Label的左边缘统一对齐；如果需要右边缘对齐就选「Trailing Edges」。
• 统一行间距：选中同一列的元素（比如Label1和Label3），添加「Vertical Spacing」约束，然后在属性面板里设置固定的间距值，确保所有行的垂直间距一致。

三、解决大屏右侧空间浪费问题 #

方法1：用Stack View快速适配（推荐）

• 把每一行的元素（比如Label1+TextField1）分别放进水平Stack View，再把所有水平Stack View嵌套进一个垂直Stack View。
• 给垂直Stack View添加三个约束：「Leading Space to Superview」「Trailing Space to Superview」「Top Space to Superview」，确保它能填满屏幕的左右和顶部空间，大屏下不会留空。
• 调整控件的拉伸优先级：给每个水平Stack View里的TextField设置Horizontal Hugging Priority为250（低），Label设为251（高）——这样TextField会自动拉伸占满行内剩余空间，Label保持自身宽度。

方法2：手动约束适配

• 给TextField添加「Trailing Space to Superview」约束，让它的右边缘贴紧屏幕右侧；给Label设置固定宽度约束，或者设置和TextField的宽度比例约束，这样TextField会自动填充Label到屏幕右边的空间。

四、Storyboard快捷操作技巧 #

• 选中多个控件后，点击「Resolve Auto Layout Issues」→「Add Missing Constraints」，但要先手动设置好关键对齐约束（比如垂直居中、边缘对齐），避免系统自动生成错误约束。
• 按住「Option」键拖动控件到目标控件，松开后可以快速选择需要的约束类型（比如Center Y、Leading Space等），比手动点击菜单更高效。

内容的提问来源于stack exchange，提问作者apex