今天讲GitHub - RxSwiftCommunity/RxGesture，RxGesture是封装UIGestureRecognizer的方法，帮助我们在任何view上面进行各种手势的侦测。

Before & After

在遇到RxGesture之前，我是这样写

let myView: UIView = UIView()

let tapGesture = UITapGestureRecognizer()
myView.addGestureRecognizer(tapGesture)

tapGesture.rx.event
    .debug("Tap")
    .subscribe()
    .disposed(by: disposeBag)

建立一个UITapGestureRecognizer()，给myView加入手势的识别，在用Rx的方式监听手势的事件。

当我遇到RxGesture之後，我变成这样写

let myView: UIView = UIView()

myView.rx.tapGesture()
    .when(.recognized)
    .debug("Tap")
    .subscribe()
    .disposed(by: disposeBag)

myView扩充了tap手势的事件，when可以帮助我们过滤UIGestureRecognizerState，使用时监听即可。

常用的手势

以下就记录一下常用的手势，假设我有一个UIView叫做myView

let myView = UIView(frame: .zero)
 
self.view.addSubview(myView)

myView.snp.makeConstraints { make in
    make.width.height.equalTo(200)
    make.center.equalToSuperview()
}

Tap 点一下

myView.rx.tapGesture()
    .when(.recognized)
    .subscribe(onNext: { _ in
        print("Tap")
    })
    .disposed(by: disposeBag)

Double Click 点两下

myView.rx.tapGesture() { gesture, _ in
        gesture.numberOfTapsRequired = 2
    }
    .when(.recognized)
    .subscribe(onNext: { _ in
        print("Double Click")
    })
    .disposed(by: disposeBag)

Long Press 长按

myView.rx.longPressGesture()
    .when(.began)
    .subscribe(onNext: { _ in
        print("Long Press")
    })
    .disposed(by: disposeBag)

Pan 拖移

myView.rx.panGesture()
    .when(.began, .changed, .ended)
    .subscribe(onNext: {
        $0.view?.center = $0.location(in: self.view)
        print("panGesture: \($0.state)")
    })
    .disposed(by: disposeBag)

Swipe 滑动

myView.rx.swipeGesture(.up, .down)
    .when(.recognized)
    .subscribe(onNext: {
        print("Swipe \($0.direction.rawValue)")
    })
    .disposed(by: disposeBag)

Pinch 缩放

myView.rx.pinchGesture()
    .when(.began, .changed, .ended)
    .subscribe(onNext: {
        $0.view?.transform = CGAffineTransform(scaleX: $0.scale, y: $0.scale)

        print("Pinch \($0.scale)")
    })
    .disposed(by: disposeBag)

Rotation 旋转

myView.rx.rotationGesture()
    .when(.began, .changed, .ended)
    .subscribe(onNext: {
        let angle = $0.rotation * (180 / CGFloat(Double.pi))
        $0.view?.transform = CGAffineTransform(rotationAngle: $0.rotation)

        print("Rotation: \($0.state), \(angle)")
    })
    .disposed(by: disposeBag)

以上，就是今天介绍RxGesture的内容，原本对手势没到很了解，工作上也不太接触，反倒是趁这机会接触了一下，满有趣的

倒数两天，相处时间不多了，明天见罗，大家掰掰