RxSwift：如何向 UILabel 添加手势？

Posted 2023-03-10

【中文标题】RxSwift：如何向 UILabel 添加手势？

【英文标题】：RxSwift: How to add gesture to UILabel?

【发布时间】：2017-06-19 12:07:51

【问题描述】：

我有一个label，其中isUserInteractionEnabled 设置为true。现在，我需要为标签添加UITapGestureRecognizer。有没有办法添加Rx方式。

我查看了 RxSwift 库 here。他们没有为添加手势提供任何扩展。 UILabel+Rx 文件只有 text 和 attributedText。

有没有办法给标签添加手势？

【参考方案1】：

UILabel 没有配置开箱即用的点击手势识别器，这就是为什么 RxCocoa 不提供直接在标签上监听手势的方法。您必须自己添加手势识别器。然后你可以使用 Rx 来观察来自识别器的事件，像这样：

let disposeBag = DisposeBag()
let label = UILabel()
label.text = "Hello World!"

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

tapGesture.rx.event.bind(onNext:  recognizer in
    print("touches: \(recognizer.numberOfTouches)") //or whatever you like
).disposed(by: disposeBag)

【讨论】：

对我来说，它会抛出 'UILabel' is not a subtype of 'UIGestureRecognizer' 错误。我正在使用IBOutlet

我答错了。您需要在识别器上使用rx.event 而不是标签。我刚刚更新了答案。

无需创建单独的手势识别器。我在你的文件中使用 RX，你可以这样做：label.rx.tapGesture()

【参考方案2】：

Swift 5（使用 RxGesture 库）。

最好和最简单的选项恕我直言。

     label
        .rx
        .tapGesture()
        .when(.recognized) // This is important!
        .subscribe(onNext:  [weak self] _ in
            guard let self = self else  return 
            self.doWhatYouNeedToDo()
        )
        .disposed(by: disposeBag)

小心！如果你不使用.when(.recognized)，一旦你的标签被初始化，点击手势就会触发！

【讨论】：

我花了一些时间才发现这个功能是由 RxGesture 库提供的。

【参考方案3】：

Swift 4 与 RxCocoa + RxSwift + RxGesture

let disposeBag = DisposeBag()
let myView = UIView()

myView.rx
  .longPressGesture(numberOfTouchesRequired: 1,
                    numberOfTapsRequired: 0,
                    minimumPressDuration: 0.01,
                    allowableMovement: 1.0)
            .when(.began, .changed, .ended)
            .subscribe(onNext:  pan in
                let view = pan.view
                let location = pan.location(in: view)
                switch pan.state 
                case .began:
                    print("began")
                case .changed:
                    print("changed \(location)")
                case .ended:
                    print("ended")
                default:
                    break
                
            ).disposed(by bag)

或

myView.rx
.gesture(.tap(), .pan(), .swipe([.up, .down]))
.subscribe( onNext: gesture in
    switch gesture 
    case .tap: // Do something
    case .pan: // Do something
    case .swipeUp: // Do something 
    default: break       
            
).disposed(by: bag)

或事件聪明，返回一个事件。即字符串

var buttons: Observable<[UIButton]>!

let stringEvents = buttons
        .flatMapLatest( Observable.merge($0.map( button in
            return button.rx.tapGesture().when(.recognized)
                .map( _ in return "tap" )
            ) )
        )

【参考方案4】：

这些扩展在技术上是 RxCocoa 库的一部分，目前与 RxSwift 一起打包。

您应该能够将 UITapGestureRecognizer 添加到视图中，然后在该手势对象上使用 rx.event（如果较旧，则为 rx_event）。

如果您必须在 UILabel 的上下文中执行此操作，那么您可能也需要将其包装在 UILabel+Rx 中，但如果您有更简单的要求，只需在手势上使用 rx.event 应该是一个很好的解决方法.

【参考方案5】：

您可以为点击手势订阅标签

    label
        .rx
        .tapGesture()
        .subscribe(onNext:  _ in
            print("tap")
        ).disposed(by: disposeBag)

【参考方案6】：

正如乔治·昆汀所写。所有工作。

    view.rx
        .longPressGesture(configuration:  gestureRecognizer, delegate in
            gestureRecognizer.numberOfTouchesRequired = 1
            gestureRecognizer.numberOfTapsRequired = 0
            gestureRecognizer.minimumPressDuration = 0.01
            gestureRecognizer.allowableMovement = 1.0
        )
        .when(.began, .changed, .ended)
        .subscribe(onNext:  pan in
            let view = pan.view
            let location = pan.location(in: view)
            switch pan.state 
            case .began:
                print(":DEBUG:began")
            case .changed:
                print(":DEBUG:changed \(location)")
            case .ended:
                print(":DEBUG:end \(location)")
                nextStep()
            default:
                break
            
        )
        .disposed(by: stepBag)