【SwiftUI】DragGestureを使って画面タップを可視化する

はじめに

昨日、@GestureStateについての記事を書きました
今回はそれの応用で実用的なものを作ってみます

サンプルアプリ

これは画面タップを可視化しています。

実装

import SwiftUI

struct ContentView: View {
    @GestureState private var location: CGPoint?

    var body: some View {
        VStack {
            if let location {
                Circle()
                    .frame(width: 50, height: 50)
                    .position(location)
                    .foregroundStyle(.cyan)
            }
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(.red)
        .gesture(dragGesture)
    }
    
    var dragGesture: some Gesture {
        DragGesture(minimumDistance: 0, coordinateSpace: .local)
            .updating($location) { value, location, transaction in
                location = value.location
            }
    }
}

おわり

@GestureStateを使うと自動でnilになるので指を離したことを検知することが簡単に行えます。