Swift iOS：如何从UIImageView边界内提取独立视图或图像？

嘿，我来帮你搞定这个问题！你已经搭好了一个全屏、用scaleAspectFill适配的UIImageView，现在想从它显示的可视边界里提取内容对吧？分两种常见场景给你讲清楚：

因为scaleAspectFill会对原图进行裁剪，只显示中间（或对应位置）的适配区域，所以要先计算出当前可视区域在原图中的位置，再从原图截取：

func getCroppedVisibleImage(from imageView: UIImageView) -> UIImage? {
    guard let originalImage = imageView.image else { return nil }
    
    let viewBounds = imageView.bounds
    let originalImageSize = originalImage.size
    
    // 计算scaleAspectFill的缩放比例：取宽高缩放比的最大值
    let scaleRatio = max(viewBounds.width / originalImageSize.width, viewBounds.height / originalImageSize.height)
    // 计算原图缩放后的尺寸
    let scaledImageSize = CGSize(width: originalImageSize.width * scaleRatio, height: originalImageSize.height * scaleRatio)
    
    // 计算可视区域在缩放后图片上的偏移量（因为缩放后图片比视图大，所以需要偏移）
    let xOffset = (scaledImageSize.width - viewBounds.width) / 2.0
    let yOffset = (scaledImageSize.height - viewBounds.height) / 2.0
    
    // 转换为原图坐标系下的裁剪区域（除以缩放比例得到原图中的位置）
    let cropRectInOriginalImage = CGRect(
        x: xOffset / scaleRatio,
        y: yOffset / scaleRatio,
        width: viewBounds.width / scaleRatio,
        height: viewBounds.height / scaleRatio
    )
    
    // 从原图截取对应区域
    if let croppedCGImage = originalImage.cgImage?.cropping(to: cropRectInOriginalImage) {
        return UIImage(
            cgImage: croppedCGImage,
            scale: originalImage.scale,
            orientation: originalImage.imageOrientation
        )
    }
    return nil
}

代码说明： #

1. 先获取原图和视图尺寸：确保ImageView已经加载了图片，同时拿到视图的实际显示边界。
2. 计算缩放比例：完全复现scaleAspectFill的缩放逻辑，保证裁剪区域和显示区域一致。
3. 转换坐标：把视图的可视区域，逆向转换回原图的坐标系，这样截取的片段就是当前显示的内容。
4. 生成新图片：通过CGImage的裁剪方法得到新图，保留原图的scale和方向，避免变形。

如果不需要原图的高清片段，只是想获取当前屏幕上显示的视图内容（包含所有图层效果，比如mask、阴影等），可以用视图快照的方式：

func getImageViewVisibleSnapshot(from imageView: UIImageView) -> UIImage? {
    // 创建和视图尺寸一致的图形上下文，适配屏幕scale避免模糊
    UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, false, UIScreen.main.scale)
    defer { UIGraphicsEndImageContext() } // 确保上下文被释放
    
    // 绘制视图的当前状态，包括裁剪后的显示效果
    imageView.drawHierarchy(in: imageView.bounds, afterScreenUpdates: true)
    
    // 从上下文获取快照图片
    return UIGraphicsGetImageFromCurrentImageContext()
}

适用场景： #

• 你的ImageView有额外的图层效果（比如圆角、遮罩），快照会完整保留这些效果。
• 不需要处理原图，只想快速获取当前显示的内容。

注意事项： #

• 一定要在视图完成布局后调用这些方法（比如在viewDidAppear(_:)里，或者调用imageView.layoutIfNeeded()之后），否则视图的bounds可能不正确，导致裁剪/快照出错。

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