如何用RXSwift實現UIPickerView

Question

就像UITableView

    items.bindTo(tableView.rx.items(cellIdentifier: "cellIdentifier", cellType: AttentionTableViewCell.self)){(row,dic,cell) in
        cell.configueCell(with: dic)
    }.addDisposableTo(dispose)

Answer 1

也許您只需要更新RxSwift庫版本即可。 它看起來與UI {Table | Collection} View rx綁定幾乎相同。 假設您有一個數據源，例如：

let items: Observable<[String]> = Observable.of(["Row1", "Row2", "Row3"])

要填充您的UIPickerView：

items.bind(to: yourPickerView.rx.itemTitles) { (row, element) in
    return element
}
.disposed(by: disposeBag)

處理選定的項目：

yourPickerView.rx.itemSelected
    .subscribe { (event) in
        switch event {
        case .next(let selected):
            print("You selected #\(selected.row)")
        default:
            break
        }
    }
    .disposed(by: disposeBag)

Answer 2

Swift4示例

Observable.just(["Yes", "No", "Maybe"])
                .bind(to: picker.rx.itemTitles) { _, item in
                    return "\(item)"
                }
                .disposed(by: disposeBag)



picker.rx.itemSelected
                .subscribe(onNext: { (row, value) in
                    NSLog("selected: \(row)")
                })
                .disposed(by: disposeBag)

Answer 3

選擇器提供的數據源如下所示：

let pickerDataSource: [[String]] = [ ["asdadadad", "sffgddfg"],
                                     ["sfsdasgag", "sdfasdfasfsf", "sdsfgagagaggs"] ]

您可以通過以下方式實現“綁定”：

pickerView.rx.itemSelected.subscribe(onNext: {[weak self](row,component) in
    guard let s = self else { return }
    s.label.text = s.pickerDataSource[component][row]
}).disposed(by: disposeBag)