iOS开发中如何调整UIButton内图片尺寸使其适配按钮边界？

针对UIButton图片超出自身边界的问题，可通过Storyboard可视化设置或代码编写两种方式调整，具体操作如下：

Storyboard设置方式 #

• 选中目标按钮，打开右侧属性检查器（Attributes Inspector）
• 若不需要保留图片原始比例、只需要图片铺满按钮：直接将图片设置到按钮的Background属性栏，背景图默认会自动适配按钮bounds尺寸，不会超出边界
• 若需要保留图片原始比例、控制图片在按钮内的大小：将Edge下拉选项切换为Image，根据图片超出的方向，对应调整Top/Bottom/Left/Right四个方向的inset边距值，直到图片完全落在按钮边界范围内即可
• 注意：不建议直接勾选Clips to Bounds（裁剪到边界）作为解决方案，该选项只会直接裁掉超出按钮边界的图片内容，不会调整图片本身尺寸，容易出现图片显示不全、比例错位的问题

代码实现方式 #

方案1：边距+缩放模式快速适配 #

适合快速调整、对图片尺寸精度要求不高的场景：

// 设置图片等比缩放适配
button.imageView?.contentMode = .scaleAspectFit
// 自定义图片与按钮边界的内边距，数值可根据实际显示效果微调
button.imageEdgeInsets = UIEdgeInsets(top: 6, left: 6, bottom: 6, right: 6)
// 开启边界裁剪，避免边缘像素溢出
button.clipsToBounds = true

方案2：重绘图片精准适配 #

适合对图片显示比例、尺寸精度要求高的场景，不会出现拉伸变形：

// 注意：如果使用Auto Layout，需要在viewDidLayoutSubviews生命周期中执行以下代码，确保拿到的按钮bounds是最终布局尺寸
let targetSize = button.bounds.size
guard let originImage = UIImage(named: "your_image_name") else { return }

// 开启图形上下文重绘图片，匹配按钮尺寸
UIGraphicsBeginImageContextWithOptions(targetSize, false, UIScreen.main.scale)
originImage.draw(in: CGRect(x: 0, y: 0, width: targetSize.width, height: targetSize.height))
let resizedImage = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()

// 将重绘后的适配图片设置给按钮
button.setImage(resizedImage, for: .normal)

提示：如果按钮同时存在图片和标题，调整图片边距后记得同步调整titleEdgeInsets对应的值，避免图片和文字出现重叠。

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