ImagePickerController裁剪异常：顶部未完全裁剪，需自定义实现？

兄弟，明确跟你说：你确实需要自定义实现裁剪逻辑。原生的allowsEditing = true提供的只是个基础的手动裁剪工具，它是靠用户拖动固定比例的裁剪框来调整，根本没有自动识别并去除图片中白色区域的能力——这就是你遇到顶部白色没裁干净的核心原因，原生编辑压根做不到这种智能裁剪。

我之前帮不少开发者处理过类似需求，给你一套可行的实现思路和代码：

1. 优先获取原始图片 #

虽然你之前用UIImagePickerControllerEditedImage拿到了编辑后的图，但如果要自动裁剪白色区域，建议直接取原图UIImagePickerControllerOriginalImage，这样能保证裁剪的完整性，避免原生裁剪框提前限制了范围：

if let originalImage = info[UIImagePickerControllerOriginalImage] as? UIImage {
    // 对原图进行自动裁剪白色区域处理
    let croppedImage = autoCropWhiteArea(from: originalImage)
    // 用裁剪后的图片做后续展示或上传操作
}

2. 实现自动裁剪白色区域的核心方法 #

这个方法的思路是遍历图片的每个像素，找到所有非白色区域的上下左右边界，然后根据这个边界精准裁剪。下面是Swift的完整实现：

func autoCropWhiteArea(from image: UIImage) -> UIImage {
    guard let cgImage = image.cgImage, let context = createARGBBitmapContext(from: cgImage) else {
        return image
    }
    
    let width = cgImage.width
    let height = cgImage.height
    let bytesPerRow = context.bytesPerRow
    let pixelData = context.data?.assumingMemoryBound(to: UInt8.self)
    
    // 初始化边界值，默认设为图片的极端位置
    var top = height
    var bottom = 0
    var left = width
    var right = 0
    
    // 遍历每个像素，标记非白色区域的边界
    for y in 0..<height {
        for x in 0..<width {
            let pixelIndex = (y * bytesPerRow) + (x * 4)
            let red = pixelData?[pixelIndex] ?? 0
            let green = pixelData?[pixelIndex + 1] ?? 0
            let blue = pixelData?[pixelIndex + 2] ?? 0
            
            // 判断是否为白色（可根据需求调整阈值，比如允许轻微偏灰的白色）
            let isWhite = red > 240 && green > 240 && blue > 240
            if !isWhite {
                top = min(top, y)
                bottom = max(bottom, y)
                left = min(left, x)
                right = max(right, x)
            }
        }
    }
    
    // 如果整张图都是白色，直接返回原图
    if top > bottom || left > right {
        return image
    }
    
    // 根据边界计算裁剪区域
    let cropRect = CGRect(x: left, y: top, width: right - left + 1, height: bottom - top + 1)
    guard let croppedCGImage = cgImage.cropping(to: cropRect) else {
        return image
    }
    
    return UIImage(cgImage: croppedCGImage, scale: image.scale, orientation: image.imageOrientation)
}

// 辅助方法：创建ARGB格式的位图上下文，用于像素遍历
private func createARGBBitmapContext(from cgImage: CGImage) -> CGContext? {
    let width = cgImage.width
    let height = cgImage.height
    let bitsPerComponent = 8
    let bytesPerPixel = 4
    let bytesPerRow = width * bytesPerPixel
    let colorSpace = CGColorSpaceCreateDeviceRGB()
    let bitmapInfo = CGImageAlphaInfo.premultipliedFirst.rawValue
    
    return CGContext(data: nil, width: width, height: height, bitsPerComponent: bitsPerComponent, bytesPerRow: bytesPerRow, space: colorSpace, bitmapInfo: bitmapInfo)
}

3. 几个实用的注意点 #

• 白色阈值可以调整：上面代码里用的是red > 240 && green > 240 && blue > 240，如果你的图片里的“白色”不是纯白，有点偏灰，就把数值调低一点，比如230，这样能更精准识别。
• 支持透明通道：如果你的图片有透明背景，还可以加上alpha通道的判断，比如let alpha = pixelData?[pixelIndex + 3] ?? 0，然后把isWhite的条件改成isWhite && alpha > 240，这样透明区域也能一起裁剪掉。
• 大图片处理：如果是很大的图片，这个遍历操作可能会有点耗时，建议把裁剪逻辑放到后台线程（比如用DispatchQueue.global().async），处理完再切回主线程更新UI，避免卡顿。

总的来说，原生的编辑功能只能满足手动调整裁剪框的基础需求，要实现“自动去除所有白色区域”这种智能裁剪，必须自己写逻辑，上面的代码应该能完美解决你的问题。

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