2つのボタンを同時に押した時のみ処理を行う

Question

swiftUIでボタンを同時に押すと処理が行われるコードを書きたいです。

スタックタイマーを作ろうと思っていますが、ボタン1つでstart・stopはできますが、2つを同時に押した時のみカウントが始まるようにする方法が分かりません。
よろしくお願いします。

左右２つのボタンが同時に押している瞬間があるかどうかという判断でお願いします。
一方を長押ししている時にもう一方を一瞬だけ押しても動くが、片方ずつ押していたり、すこしでもずれいたら無反応といった感じです。カウントを始める方だけで大丈夫です

コードはまだ全然ですが同時に押されたらfunc start(){タイマーの処理}が呼び出されるといった形にしたいです。

struct ContentView: View {
    var body: some View {
        HStack{
                Button(action: ) {
                   　Text("A")
                }
                Spacer()
                
                Button(action: ) {
                    Text("B")
                }
            }
        }

   func start(){
       //タイマーの処理
   }
}

Comments

[y_waiwai]

そのコードを提示しましょう

[hoshi-takanori]

コードよりも、仕様が曖昧なのが気になります。「同時に押す」の定義は？ (押すタイミングがちょっとでもずれたら駄目？ それとも、片方を押してる間にもう片方を押したら同時とみなす？) また、片方のボタンだけ押したらどうなるかとか、カウントを止める方法は？ とか…。

[EBI-MOGU.MOGU]

使うのが初めてどう質問すればいいか分かっていないのですがこれで大丈夫でしょうか？

[hoshi-takanori]

カウント中に A か B のどちらかが単独で押されたらカウントストップってことですか？

[EBI-MOGU.MOGU]

スタートした後にスタートと同じボタンを同時に押したら止まる感じにしようと思ってます。

[hoshi-takanori]

ごめんなさい、意味が分かりません。「スタートと同じボタン」とは具体的にどのボタンのことですか？

[EBI-MOGU.MOGU]

コード中にあるボタン2つです

Answer 1

ボタンを 2 つ同時に押したときにタイマーを開始または終了すると言うことですね。

まず、通常のボタンは押して離した時に action を実行しますが、今回は押した時と離した時それぞれに処理を行う必要があるので、simultaneousGesture と DragGesture を使います。
参考: Handle Press And Release Events in SwiftUI – SerialCoder.dev

            Button(action: {}) {
                Text("A")
            }
            .simultaneousGesture(
                DragGesture(minimumDistance: 0)
                    .onChanged { _ in pressed = true }
                    .onEnded { _ in pressed = false }
            )

あとは pressed1 と pressed2 の値が変わった時に両方とも true ならば start を呼べば良いのですが、@State には didSet が設定できないので、代わりに ObservableObject に準拠したクラスを作って処理すれば良いでしょう。

class MyViewModel: ObservableObject {
    @Published var pressed1 = false {
        didSet {
            if pressed1 != oldValue {
                update()
            }
        }
    }

    @Published var pressed2 = false {
        didSet {
            if pressed2 != oldValue {
                update()
            }
        }
    }

    var callback: (() -> Void)?

    func update() {
        if pressed1 && pressed2 {
            callback?()
        }
    }
}

struct ContentView: View {
    @ObservedObject var viewModel = MyViewModel()

    @State var started = false

    var body: some View {
        HStack{
            Button(action: {}) {
                Text("A")
            }
            .simultaneousGesture(
                DragGesture(minimumDistance: 0)
                    .onChanged { _ in viewModel.pressed1 = true }
                    .onEnded { _ in viewModel.pressed1 = false }
            )

            Spacer()

            Button(action: {}) {
                Text("B")
            }
            .simultaneousGesture(
                DragGesture(minimumDistance: 0)
                    .onChanged { _ in viewModel.pressed2 = true }
                    .onEnded { _ in viewModel.pressed2 = false }
            )
        }
        .onAppear { viewModel.callback = start }
    }

    func start() {
        started.toggle()
        if started {
            print("タイマー開始")
        } else {
            print("タイマー終了")
        }
    }
}

Comments

[EBI-MOGU.MOGU]

ありがとうございます！
初心者すぎてあまり理解できてませんが頑張って調べながらやってみます！