RxSwift und isSelected Eigenschaft auf UIButton

Question

Ich habe drei Knöpfe und ich möchte, dass sie nur eine zu einem Zeitpunkt ausgewählt werden:

und:

etc ...

Mein Ansatz ist dies:

class MyController: UIViewController { 

    @IBOutlet var buttonOne: UIButton! 
    @IBOutlet var buttonTwo: UIButton! 
    @IBOutlet var buttonThree: UIButton! 

    var buttonOneIsSelected = Variable(true) 
    var buttonTwoIsSelected = Variable(false) 
    var buttonThreeIsSelected = Variable(false) 


    override func viewDidLoad() { 
     super.viewDidLoad() 

     buttonOne.isSelected = true 

     buttonOneIsSelected.asDriver() 
      .drive(buttonOne.rx.isSelected) 
      .disposed(by: disposeBag) 
     buttonTwoIsSelected.asDriver() 
      .drive(buttonTwo.rx.isSelected) 
      .disposed(by: disposeBag) 
     buttonThreeIsSelected.asDriver() 
      .drive(buttonThree.rx.isSelected) 
      .disposed(by: disposeBag) 

     buttonOne.rx.tap.asObservable().map { (_) -> Bool in 
      return !self.buttonOne.isSelected 
     } 
     .do(onNext: { (isSelected) in 
      self.buttonTwoIsSelected.value = !isSelected 
      self.buttonThreeIsSelected.value = !isSelected 
     }) 
     .bindTo(buttonOne.rx.isSelected) 
     .disposed(by: disposeBag) 

     buttonTwo.rx.tap.asObservable().map { (_) -> Bool in 
      return !self.buttonTwo.isSelected 
      } 
      .do(onNext: { (isSelected) in 
       self.buttonOneIsSelected.value = !isSelected 
       self.buttonThreeIsSelected.value = !isSelected 
      }) 
      .bindTo(buttonTwo.rx.isSelected) 
      .disposed(by: disposeBag) 

     buttonThree.rx.tap.asObservable().map { (_) -> Bool in 
      return !self.buttonThree.isSelected 
      } 
      .do(onNext: { (isSelected) in 
       self.buttonOneIsSelected.value = !isSelected 
       self.buttonTwoIsSelected.value = !isSelected 
      }) 
      .bindTo(buttonThree.rx.isSelected) 
      .disposed(by: disposeBag) 
} 

Gibt es einen besseren Ansatz? Es funktioniert, aber gibt es einen besseren "reaktiven" Weg, es mit RxSwift zu machen?

Answer 1

Subject und durch Erweiterung Variable sind die meiste Zeit nur sinnvoll, wenn von Imperativ zu reaktive Welt überbrückt wird. Hier könnte man ohne sie auskommen.

.do(onNext:) ist auch eine Möglichkeit, Nebeneffekt, etwas, was Sie normalerweise nicht in Ihrem reaktiven Code wollen.

// force unwrap to avoid having to deal with optionals later on 
let buttons = [button1, button2, button3].map { $0! } 

// create an observable that will emit the last tapped button (which is 
// the one we want selected) 
let selectedButton = Observable.from(
    buttons.map { button in button.rx.tap.map { button } } 
).merge() 

// for each button, create a subscription that will set its `isSelected` 
// state on or off if it is the one emmited by selectedButton 
buttons.reduce(Disposables.create()) { disposable, button in 
    let subscription = selectedButton.map { $0 == button } 
     .bindTo(button.rx.isSelected) 

    // combine two disposable together so that we can simply call 
    // .dispose() and the result of reduce if we want to stop all 
    // subscriptions 
    return Disposables.create(disposable, subscription) 
} 
.addDisposableTo(disposeBag)