[iPhone] アプリでタップや長押しを認識させるには

タップ操作はスマホアプリの便利な機能です。UIGestureRecognizer ではタップ、スワイプ（フリック）等々を扱えますが、まず手っ取り早くタップを扱うUITapGestureRecognizerと、長押しのUILongPressGestureRecognizerの使い方を見てみたいと思います。

Swift 5.1
Xcode 11.3.1

UIGestureRecognizer

SwiftUIでのタップ、長押しは以下を参照してください

[SwiftUI] タップや長押しの認識、onTapGestureとonLongPressGesture

Viewのタップや長押しを認識してアクションを起こす機能が Modifiers の onTapGesture, onLongPressG…

UIGestureRecognizerには２タイプあり、１度だけ認知するものUITapGestureRecognizerと、連続して認知するものUILongPressGestureRecognizerがあります。例えばLongPressを認知した指がある一定以上の時間同じ場所にあることが条件です。もし移動した場合、LongPressはキャンセルされます。

目次
1. UITapGesture
2. UILongPressGesture

UITapGesture

タップを認識する為に、UITapGestureRecognizer を使ってインスタンスを生成します。

let tapGesture:UITapGestureRecognizer = UITapGestureRecognizer(
               target: self,
               action: #selector(ViewController.tapped(_:)))

let tapGesture:UITapGestureRecognizer = UITapGestureRecognizer(

target: self,

action: #selector(ViewController.tapped(_:)))

View にインスタンスを追加します

self.view.addGestureRecognizer(tapGesture)

1	self.view.addGestureRecognizer(tapGesture)

selector でタップされたときに呼びだされるメソッドを登録

タップされた時に、メソッドが呼び出されます

@objc func tapped(_ sender: UITapGestureRecognizer){
    // 処理
}

@objc func tapped(_ sender: UITapGestureRecognizer){

// 処理

}

実際のコードです、Delegate をセットします。

ViewController.swift

import UIKit

// UIGestureRecognizerDelegate を追加
class ViewController: UIViewController ,UIGestureRecognizerDelegate {

    override func viewDidLoad() {
        super.viewDidLoad()

        print("viewDidLoad")
        let tapGesture:UITapGestureRecognizer = UITapGestureRecognizer(
            target: self,
            action: #selector(ViewController.tapped(_:)))

        // デリゲートをセット
        tapGesture.delegate = self

        self.view.addGestureRecognizer(tapGesture)
    }

    @objc func tapped(_ sender: UITapGestureRecognizer){
        if sender.state == .ended {
            print("タップ")
        }
    }

}

import UIKit

// UIGestureRecognizerDelegate を追加

class ViewController: UIViewController ,UIGestureRecognizerDelegate {

override func viewDidLoad() {

super.viewDidLoad()

print("viewDidLoad")

let tapGesture:UITapGestureRecognizer = UITapGestureRecognizer(

target: self,

action: #selector(ViewController.tapped(_:)))

// デリゲートをセット

tapGesture.delegate = self

self.view.addGestureRecognizer(tapGesture)

}

@objc func tapped(_ sender: UITapGestureRecognizer){

if sender.state == .ended {

print("タップ")

}

実際にタップして「タップ」のログが出てくれば成功です。

タップ
タップ
タップ
タップ

タップ

UILongPressGesture

storyboardにUILabelを置いて、紐付けします。

@IBOutlet var label:UILabel!

1	@IBOutlet var label:UILabel!

UILongPressGestureRecognizerを同様に設定すればできあがりです。

ViewController.swift

import UIKit

// UIGestureRecognizerDelegate を追加
class ViewController: UIViewController ,UIGestureRecognizerDelegate {

    @IBOutlet var label:UILabel!

    var count = 0

    override func viewDidLoad() {
        super.viewDidLoad()

        let tapGesture:UITapGestureRecognizer = UITapGestureRecognizer(
            target: self,
            action: #selector(ViewController.tapped(_:)))

        // デリゲートをセット
        tapGesture.delegate = self

        self.view.addGestureRecognizer(tapGesture)

        // ロングプレス
        let longPressGesture =
            UILongPressGestureRecognizer(target: self,
                action: #selector(ViewController.longPress(_:)))

        longPressGesture.delegate = self

        // Viewに追加.
        self.view.addGestureRecognizer(longPressGesture)

    }

    // Tap イベント
    @objc func tapped(_ sender: UITapGestureRecognizer){
        if sender.state == .ended {
            label.text = "Tapped ! \(count)"
            count += 1
        }
        // これは無い
        else if sender.state == .began {
            print("Tap began")
        }
    }

    // Long Press イベント
    @objc func longPress(_ sender: UILongPressGestureRecognizer){
           if sender.state == .began {
               // 開始は認知される
               print("LongPress began")
           }
           else if sender.state == .ended {
            label.text = "Long Pressed !"
        }
    }
}

import UIKit

// UIGestureRecognizerDelegate を追加

class ViewController: UIViewController ,UIGestureRecognizerDelegate {

@IBOutlet var label:UILabel!

var count = 0

override func viewDidLoad() {

super.viewDidLoad()

let tapGesture:UITapGestureRecognizer = UITapGestureRecognizer(

target: self,

action: #selector(ViewController.tapped(_:)))

// デリゲートをセット

tapGesture.delegate = self

self.view.addGestureRecognizer(tapGesture)

// ロングプレス

let longPressGesture =

UILongPressGestureRecognizer(target: self,

action: #selector(ViewController.longPress(_:)))

longPressGesture.delegate = self

// Viewに追加.

self.view.addGestureRecognizer(longPressGesture)

}

// Tap イベント

@objc func tapped(_ sender: UITapGestureRecognizer){

if sender.state == .ended {

label.text = "Tapped ! \(count)"

count += 1

}

// これは無い

else if sender.state == .began {

print("Tap began")

}

// Long Press イベント

@objc func longPress(_ sender: UILongPressGestureRecognizer){

if sender.state == .began {

// 開始は認知される

print("LongPress began")

}

else if sender.state == .ended {

label.text = "Long Pressed !"

}

TapとLong Pressを表示するようにしてみます。
タップと長押しがそれぞれ認識されたでしょうか

References:
UIGestureRecognizer — UIKit | Apple Developer Documentation
UITapGestureRecognizer — UIKit | Apple Developer Documentation
UILongPressGestureRecognizer — UIKit | Apple Developer …