如何使含SF Symbols或不同宽度图片的多个UIButton文本左对齐？

原生API可实现的方案（无需自定义按钮） #

• 固定图片容器宽度+独立内边距调整

  1. 给所有按钮的图片视图设置左对齐：button.imageView?.contentMode = .left，确保图片在自身容器内靠左显示；
  2. 设定一个统一的图片容器宽度（比如取所有按钮中最宽图片的尺寸，或直接指定固定值如40）；
  3. 通过imageEdgeInsets控制图片的内边距：比如button.imageEdgeInsets = UIEdgeInsets(top: 0, left: 4, bottom: 0, right: 12)，右侧的固定间距用来给文本留出统一的起始位置；
  4. 用titleEdgeInsets校准文本位置：设置button.titleEdgeInsets = UIEdgeInsets(top: 0, left: -40, bottom: 0, right: 0)（这里的-40是之前设定的图片容器宽度，根据实际值调整），让所有文本从同一个X坐标开始对齐。

• 拆分组件到Stack View
  如果按钮原本就在Stack View中，直接把每个按钮拆成「UIImageView + UILabel」的横向组合：给所有ImageView添加统一的宽度约束，Label设置左对齐，这样就能彻底避开UIButton内置的布局逻辑，轻松实现文本的统一左对齐。

自定义按钮的适用场景 #

如果遇到动态图片尺寸、多状态切换（选中/禁用态）等复杂布局需求，原生调整内边距的方式难以适配时，再考虑自定义UIButton子类，重写layoutSubviews方法，直接控制imageView和titleLabel的frame，这种方式灵活性最强，但需要额外的代码开发。

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