SwiftUI 4 新功能之实时获取点击位置 .onTapGesture { location in} (教程含源码)

SwiftUI 4 添加了对跟踪点击位置的支持，它是一种 CGPoint 类型，可以为我们提供点击的确切位置。默认情况下，提供的位置来自视图的局部坐标系。

让我们创建一个示例，我们将创建一个橙色圆圈，该圆圈将动画到点击位置。

struct TapGestureLocationExample: View {
    @State private var pos = CGPoint(x: 100, y: 100)
    var body: some View {
        VStack {
            Circle()
                .fill(Color.orange.gradient)
                .frame(width: 50)
                .position(pos)
            Spacer()
        }
        .background(Color.gray.opacity(0.3))
        .onTapGesture { location in
            withAnimation(Animation.easeOut(duration: 2)) {
                pos = location
            }
        } 
    }
}

我们可以使用以下语句指定坐标系：

.onTapGesture(coordinateSpace: .global)

让我们更新我们的代码：

struct TapGestureLocationExample: View {
    @State