SwiftUI中无法正确获取图片像素颜色问题求助

核心问题分析 #

你的代码存在三个关键问题导致颜色获取异常：

• 未处理逻辑坐标与像素坐标的转换（忽略了UIImage的scale属性）
• 没有做坐标越界判断，导致非法内存访问返回错误颜色
• Alpha通道被硬设为1，未读取像素实际透明度

修改后的完整代码 #

struct ColorSelectorView: View {
    @Binding var position: CGPoint
    @State private var colorPicked = UIColor.black
    var image: UIImage?
    var colorPickedCallBack : (UIColor) -> ()
        
    var body: some View {
        colorSelectorView()
            .onAppear {
                updatePickedColor()
            }
            .gesture(DragGesture()
                .onChanged { value in
                    // 用translation直接更新位置，避免精度丢失
                    position = CGPoint(
                        x: position.x + value.translation.width,
                        y: position.y + value.translation.height
                    )
                    updatePickedColor()
                }
                .onEnded { _ in
                    colorPickedCallBack(colorPicked)
                }
            )
            .offset(x: position.x, y: position.y)
    }
    
    private func updatePickedColor() {
        colorPicked = getPixelColor(image: image, point: position) ?? .clear
    }

    func getPixelColor(image: UIImage?, point: CGPoint) -> UIColor? {
        guard let image = image,
              let cgImage = image.cgImage,
              // 先判断坐标是否在图像逻辑范围内
              point.x >= 0, point.y >= 0,
              point.x <= image.size.width, point.y <= image.size.height else {
            return nil
        }
        
        // 将逻辑坐标转为CGImage的像素坐标（适配Retina屏幕的scale）
        let scale = image.scale
        let pixelX = Int(point.x * scale)
        let pixelY = Int(point.y * scale)
        
        guard let pixelData = cgImage.dataProvider?.data else { return nil }
        let data = CFDataGetBytePtr(pixelData)
        let bytesPerRow = cgImage.bytesPerRow
        let pixelInfo = pixelY * bytesPerRow + pixelX * 4
        
        // 确保像素位置在数据范围内，避免越界
        guard pixelInfo + 3 < CFDataGetLength(pixelData) else {
            return nil
        }
        
        // 读取RGBA四个通道的值
        let red = CGFloat(data![pixelInfo]) / 255.0
        let green = CGFloat(data![pixelInfo + 1]) / 255.0
        let blue = CGFloat(data![pixelInfo + 2]) / 255.0
        let alpha = CGFloat(data![pixelInfo + 3]) / 255.0
        
        return UIColor(red: red, green: green, blue: blue, alpha: alpha)
    }
}

关键修复点说明 #

• 坐标适配：通过image.scale将SwiftUI的逻辑坐标转换为CGImage的实际像素坐标，解决Retina屏幕下的位置偏移问题
• 越界防护：双重判断（逻辑坐标范围+像素数据范围），避免非法内存访问导致的错误透明色
• Alpha通道修复：读取像素数据中的alpha值，还原图像真实透明度
• 拖拽逻辑优化：使用DragGesture的translation直接更新位置，去掉多余的Int转换，避免精度丢失

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