如何裁剪UIImage边缘适配ImageView，让圆形图标与ImageView相切？

嘿，我完全懂你遇到的这个麻烦！明明试了各种缩放模式，圆形图标还是和ImageView边界有间隙，这大概率是图标本身带透明边距，或者ImageView的关键设置没到位。咱们一步步来解决：

第一步：检查并处理原始图标 #

• 先确认你的图标素材本身有没有多余的透明留白。打开Assets里的图标，或者用图片编辑工具（比如Sketch、GIMP）查看，很多免费图标会自带一圈透明边距。如果有的话，直接裁剪掉这些空白区域，只保留圆形的有效像素。
• 如果是矢量格式的图标（PDF/SVG），在Assets的属性面板里勾选Preserve Vector Data，并把Scales设置为Single Scale或者对应你项目的缩放模式，确保矢量图能正确适配ImageView的尺寸。

第二步：调整ImageView的核心设置 #

这几个设置是关键，缺一不可：

• Content Mode：设置为Aspect Fill。这个模式会让图片按原始比例填满整个ImageView，超出边界的部分会被裁剪，正好能让圆形图标和ImageView的矩形边界相切。
• Clips To Bounds：一定要开启这个选项！在Storyboard里勾选它，或者代码里设置imageView.clipsToBounds = true。如果没开，图片超出ImageView的部分不会被裁剪，看起来就还是有间隙。
• 如果你要把ImageView本身做成圆形：设置它的layer.cornerRadius为宽高的一半（代码里imageView.layer.cornerRadius = imageView.bounds.width / 2），同时确保layer.masksToBounds = true（开启Clips To Bounds后这个通常会自动生效，但手动设置更保险）。

第三步：代码层面的兜底方案（如果上面的方法还不够） #

如果图标本身的透明边距很难手动裁剪，可以写一个UIImage扩展，自动去掉图片的空白区域：

extension UIImage {
    func trimmedImage() -> UIImage? {
        guard let cgImage = cgImage else { return nil }
        let context = CGContext(data: nil, 
                                width: cgImage.width, 
                                height: cgImage.height, 
                                bitsPerComponent: cgImage.bitsPerComponent, 
                                bytesPerRow: cgImage.bytesPerRow, 
                                space: cgImage.colorSpace!, 
                                bitmapInfo: cgImage.bitmapInfo.rawValue)
        context?.draw(cgImage, in: CGRect(x: 0, y: 0, width: cgImage.width, height: cgImage.height))
        
        guard let imageData = context?.data else { return nil }
        let buffer = UnsafeBufferPointer<UInt8>(start: imageData.assumingMemoryBound(to: UInt8.self), 
                                                count: cgImage.width * cgImage.height * 4)
        
        var minX = cgImage.width, minY = cgImage.height
        var maxX = 0, maxY = 0
        
        // 遍历像素找到非透明区域的边界
        for y in 0..<cgImage.height {
            for x in 0..<cgImage.width {
                let alphaIndex = (y * cgImage.width + x) * 4 + 3
                if buffer[alphaIndex] > 0 {
                    minX = min(minX, x)
                    minY = min(minY, y)
                    maxX = max(maxX, x)
                    maxY = max(maxY, y)
                }
            }
        }
        
        let cropRect = CGRect(x: minX, y: minY, width: maxX - minX + 1, height: maxY - minY + 1)
        guard let croppedCGImage = cgImage.cropping(to: cropRect) else { return nil }
        return UIImage(cgImage: croppedCGImage)
    }
}

使用的时候，先裁剪再赋值给ImageView：

if let originalIcon = UIImage(named: "你的图标名称"), let trimmedIcon = originalIcon.trimmedImage() {
    yourImageView.image = trimmedIcon
}

按照上面的步骤来，应该就能让圆形图标完美贴合ImageView的边界，没有多余留白啦！

内容的提问来源于stack exchange，提问作者Haldun Balım