使用 RxSwift 自定义 UIControl 子类

Question

我正在创建 UIControl 的自定义子类（我需要覆盖它的 draw 方法）并且我想添加 RxSwift 以将其isSelected属性绑定到我的模型。

到现在为止还挺好。这工作正常。

我的问题是如何更改值isSelected属性以响应用户 touchUpInside 事件？

我的第一次尝试是使用UIControl的addTarget方法，但是ControlProperty 不报告以编程方式更改isSelected的值（如文档中所述）。但我可以想出另一种方法来解决这个问题。

任何帮助表示赞赏。

子类的源代码：

class SYYesNoButton: UIControl {

override init(frame: CGRect) {
    super.init(frame: frame)

    // subscribe to touchUpInside event

    addTarget(
        self,
        action: #selector(userDidTouchUpInside),
        for: UIControlEvents.touchUpInside)
}



func userDidTouchUpInside() {

    // change the value of the property
    // this does not work, 
    // the change is not reported to the ControlProperty
    // HOW CAN I CHANGE THIS ??

    self.isSelected = !isSelected
}

}

添加反应式支持的扩展：

extension SYYesNoButton {

    var rx_isSelected: ControlProperty<Bool> {

    return UIControl.valuePublic(
        self,
        getter: { (button) -> Bool in
            return button.isSelected
    },
        setter: { (button, value) in
            button.isSelected = value
    })


    }
}



extension UIControl {

    static func valuePublic<T, ControlType: UIControl>(_ control: ControlType, getter:  @escaping (ControlType) -> T, setter: @escaping (ControlType, T) -> ()) -> ControlProperty<T> {



        let values: Observable<T> = Observable.deferred { [weak control] in
            guard let existingSelf = control else {
                return Observable.empty()
            }

            return (existingSelf as UIControl).rx.controlEvent([.allEditingEvents, .valueChanged])
                .flatMap { _ in
                    return control.map { Observable.just(getter($0)) } ?? Observable.empty()
                }
                .startWith(getter(existingSelf))
        }


        return ControlProperty(values: values, valueSink: UIBindingObserver(UIElement: control) { control, value in
            setter(control, value)
        })

    }
}

谢谢大家。

Answer 1

一旦你有了一个真正的 UIControl，就有一个更好的方法来ControlProperty使用 RxCocoa 中的辅助方法来调用“原生”RxCocoa 扩展。

例如：

extension Reactive where Base: someControl {
    var someProperty: ControlProperty<Float> {
        return controlProperty(editingEvents: .valueChanged,
                               getter: { $0.value },
                               setter: { $0.value = $1 })
    }
}

getter每当指定的UIControlEvent被触发时，这将公开块中的当前值，并且还将在某些流绑定到它时设置该值。

它有点像 Observable 和 Observer 类型——你可以观察它的值，但也可以订阅它。

Answer 2

如果您从 UIControl 进行子类化，那么您正在创建自己的控件类，并且必须重写beginTracking(_:with:)、continueTracking(_:with:)、endTracking(_:with:)或中的一个或多个cancelTracking(with:)，以使控件按照您想要的方式工作。然后调用sendActions(for:)正确的事件。UIControl 的内部不会有 Rx。

从 UIButton 获取队列，您的控件不应选择自身，尽管它可以突出显示和取消突出显示自身（例如，当用户的手指放在其上时）。

一旦正确创建了 UIControl，控件外部的代码就可以使用 Rx 来观察它，而无需您进行额外的工作。

以下作品（针对 Swift 5/RxSwift 5 进行了更新）：

class ViewController: UIViewController {

    @IBOutlet weak var yesNoButton: SYYesNoButton!
    private let bag = DisposeBag()

    override func viewDidLoad() {
        super.viewDidLoad()

        yesNoButton.rx.controlEvent(.touchUpInside)
            .scan(false) { v, _ in !v }
            .bind(to: yesNoButton.rx.isSelected)
            .disposed(by: bag)
    }
}

@IBDesignable
class SYYesNoButton: UIControl {

    override func layoutSubviews() {
        super.layoutSubviews()
        backgroundColor = isSelected ? .green : .red
    }

    override var isSelected: Bool {
        didSet {
            super.isSelected = isSelected
            backgroundColor = isSelected ? .green : .red
        }
    }
}