设置UIButton图片时视图布局偏移的解决方法

哥们，我看你这问题是典型的按钮图片影响AutoLayout布局的情况，大概率是设置图片后按钮的内在尺寸（intrinsic content size）变了，带歪了整个Stack View的布局。给你几个靠谱的解决办法：

1. 锁死按钮的宽高约束（最直接的办法） #

你已经给按钮加了22×22的约束，但可能因为按钮的内容优先级高于约束，导致图片撑开按钮。可以这么做：

• 在Storyboard/XIB里选中按钮，找到宽高约束，把它们的优先级调到最高（比如1000）。
• 同时确保按钮的content hugging priority和compression resistance priority都低于宽高约束的优先级，让系统优先遵守固定尺寸，而不是根据图片调整按钮大小。

2. 调整按钮的图片内边距，适配固定尺寸 #

如果你的图片本身不是22×22，按钮会自动根据图片尺寸调整，这时候需要设置内边距让图片刚好填满按钮且不改变按钮大小：

• 在界面编辑器里选中按钮，找到Edge Insets下的Image选项，调整上下左右的数值，让图片居中显示在22×22的按钮里。
• 用代码实现的话可以这么写：

// 假设按钮叫agreeButton
agreeButton.imageEdgeInsets = UIEdgeInsets(top: 2, left: 2, bottom: 2, right: 2) // 根据实际图片尺寸调整数值

另外，把按钮的Content Mode设为Scale To Fill或者Aspect Fit，确保图片正确适配按钮区域。

3. 配置Stack View的布局属性，避免连锁反应 #

检查一下包含按钮的Stack View的属性：

• 把Stack View的Distribution设为Fill Proportionally或者Equal Spacing，而不是默认的Fill，这样即使按钮尺寸有细微变化，也不会挤压其他视图。
• 确保Stack View的Alignment是Center或者Leading，和你想要的布局一致，避免因为按钮尺寸变化导致整个Stack的对齐方式偏移。

4. 统一按钮的选中/默认图片尺寸 #

如果两张图片的尺寸不一样，切换状态时按钮的内在尺寸会变化，直接导致布局跳动。所以先把两张图片都处理成22×22的尺寸，这样不管切换哪个状态，按钮的内在尺寸都不会变，自然不会影响布局。

按照上面的步骤试一下，应该就能解决布局偏移的问题了～

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