Swift中设置picker.allowsEditing=true裁剪正方形照片时裁剪区域偏移问题

Hey, I’ve run into this exact square cropping offset problem with UIImagePickerController before—it’s super frustrating when the system’s built-in editing doesn’t line up right, especially when you’re building a clean image-sharing social app. Let me walk you through a few reliable solutions that have worked for me and other devs:

Option 1: Replace the System Picker with a Custom Crop Controller #

The native UIImagePickerController’s editing feature has had compatibility quirks across different iOS versions and screen sizes (especially on full-screen devices). Building your own crop interface gives you full control over the crop area:

• Use a UIScrollView paired with a UIImageView to handle image zooming and panning
• Add a square overlay mask to show users exactly where the crop will happen
• When cropping, calculate the image’s scale and offset, then extract the square region directly from the original image

Option 2: Tweak Picker Editing Parameters (Version-Specific) #

In some cases, the offset comes from a system bug in how the crop area is calculated. You can try adding a quick adjustment before presenting the picker—note that this relies on a private system class, so use it cautiously (it might break in future iOS updates or raise App Store review flags):

func selectImg() { 
    let picker = UIImagePickerController() 
    picker.delegate = self 
    picker.sourceType = .photoLibrary 
    picker.mediaTypes = ["public.image"] 
    picker.allowsEditing = true 
    
    // Force set a square crop rect (works on certain iOS versions)
    if let editViewController = picker.viewControllers.first?.childViewControllers.first as? NSObject {
        editViewController.setValue(CGRect(x: 0, y: 0, width: picker.view.bounds.width, height: picker.view.bounds.width), forKey: "cropRect")
    }
    
    present(picker, animated: true, completion: nil) 
}

Option 3: Correct the Offset After Picking the Image #

If the first two options don’t work, you can fix the offset manually in the picker’s delegate method by recropping the edited image:

func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
    picker.dismiss(animated: true)
    
    guard let editedImage = info[.editedImage] as? UIImage else { return }
    
    // Calculate the correct square region to crop
    let sideLength = min(editedImage.size.width, editedImage.size.height)
    let cropRect = CGRect(
        x: (editedImage.size.width - sideLength) / 2,
        y: (editedImage.size.height - sideLength) / 2,
        width: sideLength,
        height: sideLength
    )
    
    // Extract the corrected square image
    if let cgImage = editedImage.cgImage?.cropping(to: cropRect) {
        let correctedSquareImage = UIImage(
            cgImage: cgImage,
            scale: editedImage.scale,
            orientation: editedImage.imageOrientation
        )
        // Use correctedSquareImage for your app's sharing flow
    }
}

This method acts as a safety net—even if the system’s crop is offset, you’ll end up with a perfectly aligned square image every time.

Quick Tips #

• Test across multiple iOS versions (15, 16, 17) and device sizes (iPhone SE, Pro models) since the offset issue can be device/version-specific
• If you ever need to support custom crop ratios later, building your own controller will save you a lot of headache long-term

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