遵循Apple Swift开发指南时，自适应约束导致控件贴屏幕边缘求助

兄弟我太懂这种跟着官方指南踩坑的感觉了！当初刚学Auto Layout的时候，我也因为没注意约束参照对象，把控件直接怼到屏幕边缘过😅

问题出在哪？ #

你堆叠控件后原本左边距正常，说明Stack View内部的控件布局没问题，但添加自适应约束后贴到屏幕边缘，大概率是Stack View本身的leading约束绑定错了对象——你可能直接把它绑到了父视图（Superview）的左边缘，而没有考虑苹果设备的「安全区域（Safe Area）」或者系统默认的「布局边距」。

手把手修复步骤 #

• 在Canvas里选中你的Stack View，打开右侧的Size Inspector（尺寸检查器），找到你添加的leading约束
• 双击这个约束进入编辑界面，把「First Item」的参照从Superview.leading改成Safe Area.leading
• 如果你想保留苹果官方推荐的默认边距，还可以在约束编辑界面勾选「Relative to margin」选项（这个选项也可以在添加约束的时候直接选中）
• 最后点击Canvas上方的「Update Frames」按钮（那个带箭头的刷新小图标），Stack View就会自动回到正确的左边距位置，内部控件也跟着对齐了

额外小技巧 #

以后添加约束的时候，尽量优先选择「Safe Area」作为参照对象，尤其是在全屏布局的场景下——它会自动避开刘海、底部小黑条这些系统元素，让你的UI在所有设备上都显示正常。

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