UIGraphicsBeginImageContext阴影与SwiftUI View阴影效果不一致求助

你遇到的阴影模糊度不一致问题，核心原因是SwiftUI的阴影基于逻辑像素计算，而你用UIGraphicsBeginImageContext创建的上下文没有考虑屏幕的Retina缩放因子，同时阴影参数的缩放逻辑混淆了视图逻辑尺寸和图片物理像素尺寸。

1. 使用带缩放因子的图像上下文 #

替换UIGraphicsBeginImageContext为UIGraphicsBeginImageContextWithOptions，传入屏幕的缩放因子（UIScreen.main.scale），确保生成的图片是Retina分辨率，阴影模糊度和SwiftUI对齐。

2. 修正阴影参数的缩放逻辑 #

SwiftUI的shadow(radius:)是逻辑像素值，Core Graphics的setShadow(blur:)需要的是实际像素值，所以直接将SwiftUI的阴影参数乘以屏幕缩放因子即可，不需要用背景图和视图尺寸的比例计算。

3. 优化图片Resize方法 #

原resize方法用CIImage转换可能丢失图片的scale信息，改用Core Graphics绘制的方式resize，保证图片清晰度和scale正确。

struct ContentView: View {
    @State private var imageRect: CGRect = .zero
    
    @State private var shadowBlur = 40.0
    @State private var shadowX = 100.0
    @State private var shadowY = 100.0
    
    var body: some View {
        VStack {
            GeometryReader { geometry in
                ZStack {
                    Image("background")
                        .resizable()
                        .scaledToFit()
                        .overlay {
                            Image("foreground")
                                .resizable()
                                .scaledToFit()
                                .shadow(color: .red, radius: CGFloat(shadowBlur), x: shadowX, y: shadowY)
                        }
                        .clipped()
                        .background(GeometryGetter(rect: $imageRect))
                }
                .frame(width: geometry.size.width, height: geometry.size.height)
            }
            
            Button("生成图片") {
                guard let fgImage = UIImage(named: "foreground"), let bgImage = UIImage(named: "background") else { return }
                
                // 计算前景图在背景图中适配后的尺寸
                let fgFrame = fgImage.size.scaleSizeToFit(in: bgImage.size)
                let resizedFGImage = fgImage.resize(targetSize: fgFrame)
                
                // 获取屏幕缩放因子
                let screenScale = UIScreen.main.scale
                
                // 创建带缩放因子的图像上下文
                UIGraphicsBeginImageContextWithOptions(bgImage.size, false, screenScale)
                defer { UIGraphicsEndImageContext() }
                
                bgImage.draw(at: .zero)
                
                guard let context = UIGraphicsGetCurrentContext() else { return }
                // 阴影参数：SwiftUI的逻辑值 * 屏幕缩放因子
                context.setShadow(offset: CGSize(width: shadowX * screenScale, height: shadowY * screenScale),
                                 blur: shadowBlur * screenScale,
                                 color: UIColor.red.cgColor)
                
                // 计算前景图居中绘制的坐标
                let drawPoint = CGPoint(
                    x: (bgImage.size.width - resizedFGImage.size.width) / 2,
                    y: (bgImage.size.height - resizedFGImage.size.height) / 2
                )
                resizedFGImage.draw(at: drawPoint)
                
                if let outputImage = UIGraphicsGetImageFromCurrentImageContext() {
                    // 这里可以添加保存图片的逻辑，比如保存到相册
                    print("生成成功")
                }
            }
        }
    }
}

extension UIImage {
    func resize(targetSize: CGSize) -> UIImage {
        let format = UIGraphicsImageRendererFormat()
        format.scale = self.scale // 保留原图片的缩放因子
        let renderer = UIGraphicsImageRenderer(size: targetSize, format: format)
        return renderer.image { _ in
            self.draw(in: CGRect(origin: .zero, size: targetSize))
        }
    }
}

extension CGSize {
    func scaleSizeToFit(in canvas: CGSize) -> CGSize {
        let widthScale = canvas.width / self.width
        let heightScale = canvas.height / self.height
        let scale = min(widthScale, heightScale)
        return CGSize(width: self.width * scale, height: self.height * scale)
    }
}

struct GeometryGetter: View {
    @Binding var rect: CGRect
    
    var body: some View {
        GeometryReader { g in
            Color.clear.onAppear {
                rect = g.frame(in: .local) // 改用local坐标更准确
            }
        }
    }
}

• 图像上下文：用UIGraphicsBeginImageContextWithOptions替代旧方法，第三个参数传入屏幕scale，确保生成的图片和屏幕显示的分辨率一致。
• 阴影参数：直接使用UIScreen.main.scale缩放阴影参数，因为SwiftUI的阴影是基于逻辑像素，Core Graphics的blur是实际像素，两者通过屏幕scale转换即可对齐。
• Resize方法：用UIGraphicsImageRenderer实现resize，保留图片的scale信息，避免CIImage转换带来的模糊或scale丢失问题。
• GeometryGetter：改用.onAppear获取local坐标，避免异步更新可能带来的尺寸不准确问题。

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