Swift - 各种手势检测大全（UIGestureRecognizer及其子类）

2015-01-19 发布：hangge 阅读：15136

（本文代码已升级至Swift4）

UIGestureRecognizer 有许多子类，用于监听一些常见的手势事件，这些子类主要有：

1，UISwipeGestureRecognizer：滑动（快速移动）

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let swipe = UISwipeGestureRecognizer(target:self, action:#selector(swipe(_:)))
        swipe.direction = .up
        self.view.addGestureRecognizer(swipe)
    }
    
    @objc func swipe(_ recognizer:UISwipeGestureRecognizer){
        print("swipe ok")
        let point=recognizer.location(in: self.view)
        //这个点是滑动的起点
        print(point.x)
        print(point.y)
    }
}

注意1：如果 UISwipeGestureRecognizer 在不指定方向的时候，默认向右滑动才会触发事件。如果要指定方向，需要设置 direction 属性

//表示监听滑动的方向为向上
swipe.direction = .up

注意2：有网友问如果各个方向都要响应怎么办，只要多定义几个 UISwipeGestureRecognizer 就可以了

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let swipeUp = UISwipeGestureRecognizer(target:self, action:#selector(swipe(_:)))
        swipeUp.direction = .up
        self.view.addGestureRecognizer(swipeUp)
        
        let swipeDown = UISwipeGestureRecognizer(target:self, action:#selector(swipe(_:)))
        swipeDown.direction = .down
        self.view.addGestureRecognizer(swipeDown)
    }
    
    @objc func swipe(_ recognizer:UISwipeGestureRecognizer){
        if recognizer.direction == .up{
            print("向上滑动")
        }else if recognizer.direction == .down{
            print("向下滑动")
        }
        
        let point=recognizer.location(in: self.view)
        //这个点是滑动的起点
        print(point.x)
        print(point.y)
    }
}

2，UIScreenEdgePanGestureRecognizer：边缘滑动

（1）这个是 UISwipeGestureRecognizer 的子类，与后者不同的时。UIScreenEdgePanGestureRecognizer 只触发从边缘开始的划动操作，比如从左侧边缘开始向右滑动。
（2）UIScreenEdgePanGestureRecognizer 没有 direction 属性，增加了个 edges 属性。表示要响应哪个边缘的划动操作。可以是从左边缘向右滑动，或右边缘向左、上边缘向下、下边缘向上、或响应全部边缘滑动。

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let swipe = UIScreenEdgePanGestureRecognizer(target:self,
                                                     action:#selector(swipe(_:)))
        swipe.edges = UIRectEdge.left //从左边缘开始滑动
        self.view.addGestureRecognizer(swipe)
    }
    
    @objc func swipe(_ recognizer:UIScreenEdgePanGestureRecognizer){
        print("left edgeswipe ok")
        let point = recognizer.location(in: self.view)
        //这个点是滑动的起点
        print(point.x)
        print(point.y)
    }
}

3，UITapGestureRecognizer：轻点手势（点击）

（1）可以通过 numberOfTouchesRequired 属性设置触摸点数，比如设置 2 表示必须两个手指触摸时才会触发
（2）通过 numberOfTapsRequired 属性设置点击次数，单击设置为 1，双击设置为 2
（3）如果一个控件既监听了单击事件也监听了双击事件，默认当双击事件触发的时候也同时会触发单击事件。如果想双击时不触发单击，需要通过 require(toFail:) 进行设置

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //单击监听
        let tapSingle=UITapGestureRecognizer(target:self,action:#selector(tapSingleDid))
        tapSingle.numberOfTapsRequired = 1
        tapSingle.numberOfTouchesRequired = 1
        //双击监听
        let tapDouble=UITapGestureRecognizer(target:self,action:#selector(tapDoubleDid(_:)))
        tapDouble.numberOfTapsRequired = 2
        tapDouble.numberOfTouchesRequired = 1
        //声明点击事件需要双击事件检测失败后才会执行
        tapSingle.require(toFail: tapDouble)
        self.view.addGestureRecognizer(tapSingle)
        self.view.addGestureRecognizer(tapDouble)
    }
    
    @objc func tapSingleDid(){
        print("单击了")
    }
    
    @objc func tapDoubleDid(_ sender:UITapGestureRecognizer){
        if sender.view == self.view{
            print("双击了")
        }
    }
}

4，UIPinchGestureRecognizer：捏合手势（两个手指进行放大缩小）

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //设置监听方法为pinchDid方法
        let pinch = UIPinchGestureRecognizer(target:self,action:#selector(pinchDid(_:)))
        self.view.addGestureRecognizer(pinch)
    }
    
    @objc func pinchDid(_ recognizer:UIPinchGestureRecognizer) {
        //在监听方法中可以实时获得捏合的比例
        print(recognizer.scale)
        //获取两个触摸点的坐标
        print(recognizer.location(ofTouch: 0, in: self.view))
        print(recognizer.location(ofTouch: 1, in: self.view))
    }
}

5，UIRotationGestureRecognizer：旋转手势（两个手指进行旋转）

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let rotation = UIRotationGestureRecognizer(target:self,
                                                   action:#selector(rotationDid(_:)))
        self.view.addGestureRecognizer(rotation)
    }
    
    @objc func rotationDid(_ recognizer:UIRotationGestureRecognizer){
        //旋转的弧度转换为角度
        print(recognizer.rotation*(180/CGFloat.pi))
    }
}

6，UIPanGestureRecognizer：拖动手势

import UIKit

class ViewController: UIViewController {
    
    var rect:UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        rect = UIView(frame:CGRect(x:0, y:0, width:100, height:100))
        rect.center = self.view.center
        rect.backgroundColor = UIColor.orange
        self.view.addSubview(rect)
        
        let pan = UIPanGestureRecognizer(target:self,action:#selector(panDid(_:)))
        pan.maximumNumberOfTouches = 1
        rect.addGestureRecognizer(pan)
    }
    
    @objc func panDid(_ recognizer:UISwipeGestureRecognizer){
        let point=recognizer.location(in: self.view)
        //设置矩形的位置
        rect.center=point
    }
}

通过 recognizer.view 我们可以直接得到触发事件的 view 对象，下面样例创建两个方块，但它们使用同一个拖动响应方法。

（注意：由于一个 GestureRecognizer 只能对应一个 view，所以每个 view 还是要分别使用各自的 GestureRecognizer）

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //定义两个方块
        let rect1 = UIView(frame:CGRect(x:0, y:0, width:100, height:100))
        rect1.center = self.view.center
        rect1.backgroundColor = UIColor.orange
        self.view.addSubview(rect1)
        
        let rect2 = UIView(frame:CGRect(x:0, y:0, width:100, height:100))
        //rect2.center = self.view.center
        rect2.backgroundColor = UIColor.yellow
        self.view.addSubview(rect2)
        
        //由于一个GestureRecognizer只能对应一个view，这里定义两个GestureRecognizer
        let pan1 = UIPanGestureRecognizer(target:self,action:#selector(panDid(_:)))
        pan1.maximumNumberOfTouches = 1
        rect1.addGestureRecognizer(pan1)
        
        let pan2 = UIPanGestureRecognizer(target:self,action:#selector(panDid(_:)))
        pan2.maximumNumberOfTouches = 1
        rect2.addGestureRecognizer(pan2)
        
    }
    
    //两个方块都使用同一拖拽响应方法
    @objc func panDid(_ recognizer:UIPanGestureRecognizer){
        let point=recognizer.location(in: self.view)
        //设置矩形的位置
        recognizer.view?.center = point
    }
}

7，UILongPressGestureRecognizer：长按

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //长按监听
        let longPress = UILongPressGestureRecognizer(target:self,
                                                   action:#selector(longPressDid(_:)))
        self.view.addGestureRecognizer(longPress)
    }
    
    @objc func longPressDid(_ sender: UILongPressGestureRecognizer){
        if sender.state == .began {
            print("长按响应开始")
        } else {
            print("长按响应结束")
        }
    }
}

8楼

2017-11-25 11:08

张歌

捏合手势怎么可以获取捏合的中心点啊，站长？
我在做图片浏览器，要指定位置捏合实现以该位置为中心点的图片的缩放。这个必须要捏合的中心点才能做诶。

站长回复：
可以先取得两个手指触点所在的坐标（文章里已补充相关代码），然后根据这两个坐标就可以计算出中点坐标。
7楼

2017-01-25 11:06

ClydeSHenry

站长求助，请问如何判断某一个手势是否停止触发了啊？

站长回复：
不太明白哪里会有这个需求，一般都是像文章里的样例那样手势执行完后触发响应的方法。
6楼

2016-11-11 13:49

kay

航哥，监测手势从屏幕左右边缘出来的滑动，不监测屏幕中间左右滑动，应该使用什么手势？

站长回复：
可以使用边缘滑动手势：UIScreenEdgePanGestureRecognizer。我在文章中也更新了相关内容，你可以看下。
5楼

2016-04-12 09:03

linjoe

站长，如果在长安手势里加载了一个组件（提示框），他会提示Warning: Attempt to present <UIAlertController: 0x1576bc8d0> on <newTestDemo.TwoController: 0x1575b9620> which is already presenting (null)这是什么原因？

站长回复：
因为你加载了两次提示框了，即前面一个提示框还未移出，又加载了一个提示框进来。
比如：你如果想要长按的时候加载提示框，要判断下。要么长按开始的时候加载，要么长按结束的时候加载。
func longPressDid(sender: UILongPressGestureRecognizer){
if sender.state == .Began {
print("长按响应开始")
//在这里显示alertController
} else {
print("长按响应结束")
}
}
4楼

2016-03-28 10:03

lingo

站长：xcode更新之后手势检测出现警告：Use '#selector' instead of explicitly constructing a 'Selector' 。希望站长更新一下

站长回复：
多谢提醒，Swift2.2后这块有修改，现已更新。
3楼

2016-03-10 10:59

罗哈哈崩

航哥，请教下，像1楼说的那样，但是我的是45度和 75度怎么办呢？？方向应该怎么设置啊。想做到的效果是那种一个物体，实现全方位展示，可能就会有那个滚动的

站长回复：
要处理精细的操作就不能用手势了，可以使用各种触摸事件响应来实现。具体用法可以参考我原来写的这篇文章：Swift - 触摸事件（点击，移动，抬起等）说明及用例（http://www.hangge.com/blog/cache/detail_674.html）
可以在移动的时候实时计算角度等。
2楼

2016-02-05 17:01

飘仙人

Swift - 各种手势检测大全（UIGestureRecognizer及其子类）文章的
6，UILongPressGestureRecognizer：长按没有写代码。

站长回复：
谢谢提醒，相关代码已添加。
1楼

2015-07-17 16:53

white

swipe 如果每个方向都用，怎么设置

站长回复：
只需要多创建几个UISwipeGestureRecognizer，同时响应方法可以分开也可以共用。共用的话，在方法内部可以判断具体的方向。