如何在 SwiftUI 中将 dragGesture 值转换为 CGPoint？

translation是手势开始以来的总onChange平移量。它不是本次调用和下次调用之间的位置差异onChange。

如果差值正是您想要的，您应该translation使用单独的跟踪前一个@State，然后从当前的 中减去该值translation，然后将其传递给action。

@State var lastTranslation: CGSize = .zero

private var dragGesture: some Gesture {
    
    DragGesture(minimumDistance: 0)
        .onChanged { value in
            action(.init(
                width: value.translation.width - lastTranslation.width,
                height: value.translation.height - lastTranslation.height)
            )
            lastTranslation = value.translation
        }
        .onEnded { value in
            action(.init(
                width: value.translation.width - lastTranslation.width,
                height: value.translation.height - lastTranslation.height)
            )
            lastTranslation = .zero
        }
    
}

正如评论中所提到的，很难理解 OP 方法背后的逻辑，因为据我所知，它没有提供额外的优势，也没有以任何方式简化事情。

由于 @Sweeper 提供了修复拖动手势的解决方案（结合了下面示例中的一些小改动），下面是如何以更 SwiftUI 的方式实现相同的功能，并且更符合我认为 @Sweeper 在之前的评论中所建议的方式。

一些补充说明：

• 星形视图（原始代码中的 DrawStarView）不需要操作闭包即可使一切正常工作，因为它已经接收了点作为参数。它使一切变得不必要地复杂。

• 你代码中的funccreateStarPath基本上是一个星形的代码，所以应该把它变成一个形状以使其可重复使用，而不是仅存在于视图内部DrawStarView。

• 各种初始化程序和动作闭包的整体复杂性根本没有必要——与下面的代码相比。

• 没有使用GeometryReader，因此用 代替，以ZStack使布局和逻辑更加直观。

• 添加了一个按钮，将（更新后的）星星的位置打印到控制台，以表明没有维护最终点的位置，因为由于传递给的绑定，点在数组中直接更新StarView。

• 为方便起见，添加了可选的双击星星来重置其位置。

• 请注意，可以使用修改器控制星星的大小.frame，这在以前是不可能的。如果需要，可以添加其他参数StarView来动态控制星星的大小。更新：我继续添加了一个 size 属性CustomPoint，现在可以设置星星的大小了。

完整代码如下：

import SwiftUI

struct StarDragGesture: View {
    
    //State values
    @State private var points: [CustomPoint] = [CustomPoint(x: 100, y: 100), CustomPoint(x: 200, y: 200, size: CGSize(width: 50, height: 50)), CustomPoint(x: 300, y: 100)]
    
    //Body
    var body: some View {
        ZStack {
            
            //Background color
            Color.blue
                .ignoresSafeArea()
            
            //Display a star for every point in the points array, at the specified position
            ForEach($points) { $point in
                StarView(position: $point)
            }
            
            //Button for checking the updated star positions in the console
            Button {
                print("-----")
                for (index, point) in points.enumerated() {
                    print("Point \(index + 1) - X: \(point.x), Y: \(point.y)")
                }
            } label: {
                Text("Check positions")
                    .foregroundStyle(.blue)
            }
            .buttonStyle(.borderedProminent)
            .tint(.white)
            
        }
        
    }
}

struct StarView: View {
    
    //Parameters
    @Binding var position: CustomPoint
    
    //State values
    @State private var lastTranslation: CGSize = .zero
    @State private var initialPosition: CustomPoint?
    
    //Body
    var body: some View {
        
        StarShape(points: 5, innerRatio: 0.4)
            .fill(Color.white)
            .shadow(radius: 5)
            .frame(width: position.size.width, height: position.size.height)
            .position(position.coordinates)
        
            //Reset star position on double tab
            .onTapGesture(count: 2) {
                if let initialPosition {
                    position = initialPosition
                }
            }
            .gesture(dragGesture)
        
            //Optional - Capture initial position for resetting
            .onAppear {
                initialPosition = position
            }
        
    }
    
    private var dragGesture: some Gesture {
        
        DragGesture(minimumDistance: 0)
            .onChanged { value in
                updatePosition(value.translation)
                lastTranslation = value.translation
            }
            .onEnded { value in
                updatePosition(value.translation)
                lastTranslation = .zero
            }
    }
    
    //Helper function for updating the position based on gesture translation
    private func updatePosition(_ translation: CGSize ) {
        position.x += translation.width - lastTranslation.width
        position.y += translation.height - lastTranslation.height
    }
    
}

struct StarShape: Shape {
    var points: Int = 5
    var innerRatio: CGFloat = 0.5  // Adjusts the depth of the star's inner points
    
    func path(in rect: CGRect) -> Path {
        guard points >= 2 else { return Path() }
        
        let center = CGPoint(x: rect.width / 2, y: rect.height / 2)
        let angle = 2 * .pi / CGFloat(points)
        let radius = min(rect.width, rect.height) / 2
        
        var path = Path()
        let startAngle = -CGFloat.pi / 2
        
        for i in 0..<points * 2 {
            let rotationAngle = startAngle + angle * CGFloat(i) / 2
            let pointRadius = i % 2 == 0 ? radius : radius * innerRatio
            let x = center.x + pointRadius * cos(rotationAngle)
            let y = center.y + pointRadius * sin(rotationAngle)
            
            if i == 0 {
                path.move(to: CGPoint(x: x, y: y))
            } else {
                path.addLine(to: CGPoint(x: x, y: y))
            }
        }
        
        path.closeSubpath()
        return path
    }
}

struct CustomPoint: Identifiable {
    
    let id: UUID = UUID()
    var x: CGFloat
    var y: CGFloat
    
    //Computed properties
    var coordinates: CGPoint {
        CGPoint(x: x, y: y)
    }
    
    //Optional property for possibly creating stars of various sizes
    var size: CGSize = CGSize(width: 100, height: 100)
}

#Preview {
    StarDragGesture()
}

尝试一下，然后让我知道它是否有意义或者是否仍然会给您的用例带来困难。