Swift中如何为UIButton设置图片？解决图片过大适配问题

以下是几种实用的解决方法，帮你让图片适配按钮尺寸：

• 设置图片显示模式与按钮内边距
  这是最直接的处理方式，通过调整图片的contentMode保证比例，再用内边距控制图片与按钮边缘的间距：

  // 针对你的UIButton实例
  button.imageView?.contentMode = .scaleAspectFit
  // 根据需求调整内边距数值
  button.contentEdgeInsets = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
  

  scaleAspectFit会让图片保持原有比例，完整显示在按钮范围内，不会超出按钮边界。

• 提前缩放图片到目标尺寸
  如果需要更精准的图片尺寸控制，可以先将原图缩放到按钮适配的大小，再设置给按钮：

  func resizeImage(image: UIImage, targetSize: CGSize) -> UIImage {
      let size = image.size
      let widthRatio  = targetSize.width  / size.width
      let heightRatio = targetSize.height / size.height
      // 取最小比例保证图片完整显示
      let scaleFactor = min(widthRatio, heightRatio)
      let newSize = CGSize(width: size.width * scaleFactor, height: size.height * scaleFactor)
      
      let renderer = UIGraphicsImageRenderer(size: newSize)
      return renderer.image { context in
          image.draw(in: CGRect(origin: .zero, size: newSize))
      }
  }
  
  // 使用示例
  guard let originalImage = UIImage(named: "yourImageName") else { return }
  // 按按钮需要的尺寸缩放，比如40x40
  let resizedImage = resizeImage(image: originalImage, targetSize: CGSize(width: 40, height: 40))
  button.setImage(resizedImage, for: .normal)
  

• 调整图片边缘内边距（适用于带文字的按钮）
  如果按钮同时包含图片和文字，可通过imageEdgeInsets单独控制图片的位置和显示范围，配合contentMode使用：

  button.imageEdgeInsets = UIEdgeInsets(top: 4, left: 4, bottom: 4, right: 4)
  button.imageView?.contentMode = .scaleAspectFit
  

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