はじめに
UICollectionViewを使っている際に、Cell以外の部分をタップした際に処理を動かしたい事があったので、その際に使用した方法を記載します。
環境
Xcode11
Swift4.2
Cellのタップを検知する
UICollectionViewでCellのタップを検知する際は、UICollectionViewDelegateプロトコルを使用する方法が一般的だと思います。
ViewController.swift
extension ViewController: UICollectionViewDelegate {
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
print("Cellがタップされた！")
}
}
Cell以外のCollectionView内のタップを検知する
UICollectionViewDelegateプロトコルを使用することでCellのタップを検知する事ができましたが、今回のようにCell以外のCollectionViewをタップした際に動かしたい処理がある場合は別の方法を取ります。
今回自分は、UITapGestureRecognizerを使用しました。
UITapGestureRecognizerは、UIGestureRecognizerの1つで、画面のタップを1度だけ認識してくれます。(連続して認知する場合はUILongPressGestureRecognizerを使用します)
名前が似ているのでわかりにくい…
まずはUIGestureRecognizerDelegateプロトコルを使用し、Viewにインスタンスを追加します。
ViewController.swift
class ViewController: UICollectionViewController, UIGestureRecognizerDelegate {
override func viewDidLoad() {
super.viewDidLoad()
// UIGestureRecognizerのインスタンスを作成
let tapGesture:UITapGestureRecognizer = UITapGestureRecognizer(
target: self,
action: #selector(ViewController.tapped(_:)))
// デリゲートをセット
tapGesture.delegate = self
// Viewにインスタンスを追加
self.collectionView?.addGestureRecognizer(tapGesture)
}
この際、インスタンスのアクションには、タップされたときに期待する動作を記述します。
ViewController.swift
@objc func tapped(_ sender: UITapGestureRecognizer){
print("CollectionViewがタップされた!")
}
しかし、このままだとCellをタップした際にもイベントが発火し、メソッドが呼び出されてしまいます。
そのためメソッド内に、Cellがタップされたかどうかを判断する処理を追記します。
ViewController.swift
@objc func tapped(_ sender: UITapGestureRecognizer){
// indexPathForItemメソッドを使い,cellのindexを取得できない場合はタップされた場所がcellでないと判断
guard let index = self.collectionView?.indexPathForItem(at: sender.location(in: self.collectionView)) else {
print("Cellではないところがタップされた!")
}
}
以上です！