使用RxSwift定制UIControl子类

Question

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

到现在为止还挺好。这很好用。

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

我的第一次尝试是使用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的子类，那么您正在创建自己的控件类，并且必须覆盖beginTracking(_:with:)，continueTracking(_:with:)，endTracking(_:with:)或cancelTracking(with:)中的一个或多个，以使控件按您希望的方式工作。然后用正确的事件调用sendActions(for:)。 UIControl的内部不会有Rx。

从UIButton排队，您的控件不应该选择自己，虽然它可以突出显示和不突出显示（例如当用户的手指在其上时）。

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

以下作品：

class ViewController: UIViewController {

    @IBOutlet weak var yesNoButton: SYYesNoButton!

    override func viewDidLoad() {
        super.viewDidLoad()

        yesNoButton.rx.controlEvent(.touchUpInside)
            .scan(false, accumulator: { !$0.0 })
            .bind(to: yesNoButton.rx.isSelected)
            .disposed(by: bag)
    }

    let bag = DisposeBag()
}

@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
        }
    }
}

Answer 2

一旦你有了一个真正的UIControl，就可以使用RxCocoa中的辅助方法更好地使用一个名为ControlProperty的“本机”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类型 - 您可以观察它的值，但也可以订阅它。