SwiftUI自定义坐标系问题：原点偏移与窗口缩放位置失效

问题根源分析 #

1. 自定义坐标系未正常工作：原代码错误地对Gesture返回的坐标系点做了额外偏移计算，且使用offset修饰符导致位置参考基准错误，无法正确映射到黑色屏幕的左上角原点。
2. 缩放时位置偏移：用CGSize存储绝对偏移量，窗口缩放时黑色屏幕尺寸变化，但偏移量未同步适配，导致相对位置改变。

修正后的完整代码 #

import SwiftUI

struct ContentView: View {
    let circleSize: CGFloat = 50.0
    let randomValue = CGFloat.random(in: 50.0...100.0)
    
    var body: some View {
        GeometryReader { _ in
            ZStack {
                // 黑色屏幕作为自定义坐标系载体，占满父视图
                Color.black
                    .coordinateSpace(name: "BlackScreen")
                
                CircleView(circleSize: circleSize) { topLeftPoint in
                    print("圆形左上角在黑色屏幕坐标系的位置：\(topLeftPoint)")
                }
            }
        }
        .padding(randomValue)
    }
}

struct CircleView: View {
    let circleSize: CGFloat
    var onPositionChange: (CGPoint) -> Void
    
    // 存储圆形中心在自定义坐标系中的位置
    @State private var circleCenterPosition: CGPoint = CGPoint(x: 25, y: 25)
    
    var body: some View {
        Circle()
            .fill(Color.red.opacity(0.5))
            .frame(width: circleSize, height: circleSize)
            .overlay(Circle().fill(Color.white.opacity(0.5)).frame(width: 4, height: 4))
            // 使用position直接绑定中心到自定义坐标系位置
            .position(circleCenterPosition)
            .gesture(dragGesture)
    }
    
    private var dragGesture: some Gesture {
        DragGesture(minimumDistance: 0, coordinateSpace: .named("BlackScreen"))
            .onChanged { gestureValue in
                // 计算拖拽后的中心位置：原中心 + 拖拽偏移
                let newCenter = CGPoint(
                    x: circleCenterPosition.x + gestureValue.translation.width,
                    y: circleCenterPosition.y + gestureValue.translation.height
                )
                circleCenterPosition = newCenter
                
                // 转换为圆形左上角坐标（匹配需求中的原点参考）
                let topLeftPoint = CGPoint(
                    x: newCenter.x - circleSize / 2,
                    y: newCenter.y - circleSize / 2
                )
                onPositionChange(topLeftPoint)
            }
    }
}

关键修改说明 #

• 坐标系使用修正：直接使用DragGesture返回的BlackScreen坐标系点，不再做多余偏移计算；通过position修饰符绑定视图位置到自定义坐标系，确保位置参考基准为黑色屏幕左上角。
• 位置存储优化：用CGPoint存储圆形中心在自定义坐标系的位置，替代原有的绝对偏移量。窗口缩放时，自定义坐标系会随黑色屏幕尺寸同步调整，position自动适配新空间，保持圆形相对位置不变。
• 坐标转换适配：将圆形中心坐标转换为左上角坐标，满足以左上角为原点的输出要求，当圆形左上角完全对齐黑色屏幕左上角时，会输出CGPoint(0, 0)。

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