ios - 将 UIButton 标题右侧的图像与 imageEdgeInsets 和 titleEdgeInsets 对齐

Question

我想在标题的右侧添加一个像这样的图片

|Button  [image]|
|title          |

我可以通过这段代码实现这一点

button.titleEdgeInsets = UIEdgeInsetsMake(0, -10, 0, 0)
button.imageEdgeInsets = UIEdgeInsetsMake(0, 135, 0, 5)

但是当标题很大时，标题标签和图片相互交叉。如何打破标题标签？

Answer 1

这个扩展对我有用:

扩展名:

extension UIButton {
  func imageToRight() {
      transform = CGAffineTransform(scaleX: -1.0, y: 1.0)
      titleLabel?.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)
      imageView?.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)
  }
}

用法:

button.imageToRight()

iOS 15 更新

如此处所述:Meet the UIKit Button System

1. 创建您的按钮配置选择 .plain()、.gray()、.tinted() 或 .filled()

   var config = UIButton.Configuration.filled()

2. 选择图片的位置从所有、顶部、底部、尾部、前导、无中选择

   config.imagePlacement = .trailing

3. 将配置分配给您的按钮

   让 myButton = UIButton(configuration: config, primaryAction: ...)