RxSwift如何为UIPickerView设置初始值并实现双向绑定？

我来帮你搞定UIPickerView结合RxSwift设置初始值和双向绑定的问题，分两种场景给你详细讲清楚：

仅设置初始值 #

你当前的代码已经完成了数据源和PickerView的绑定，但缺少默认选中行的设置。这里分两种情况处理：

场景1：数据源是静态已知的 #

如果你的数据源是固定的（比如示例里的[1,2,3]），可以在绑定数据源后直接调用PickerView的原生方法设置初始选中行：

@IBOutlet weak var pickerView: UIPickerView!
let disposeBag = DisposeBag()

override func viewDidLoad() {
    super.viewDidLoad()
    
    let initialItems = [1, 2, 3]
    // 绑定数据源到PickerView
    Observable.just(initialItems)
        .bind(to: pickerView.rx.itemTitles) { _, item in
            return "\(item)"
        }
        .disposed(by: disposeBag)
    
    // 设置初始选中值（比如默认选中2）
    if let defaultIndex = initialItems.firstIndex(of: 2) {
        pickerView.selectRow(defaultIndex, inComponent: 0, animated: false)
    }
    
    // 监听选中事件
    pickerView.rx.modelSelected(Int.self)
        .subscribe(onNext: { models in
            print("models selected 1: \(models)")
        })
        .disposed(by: disposeBag)
}

场景2：数据源是异步加载的 #

如果数据源是从网络/数据库异步获取的，需要等数据源加载完成后再设置初始选中行：

@IBOutlet weak var pickerView: UIPickerView!
let disposeBag = DisposeBag()

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 模拟异步获取数据源
    func fetchItems() -> Observable<[Int]> {
        return Observable.just([1,2,3]).delay(.seconds(1), scheduler: MainScheduler.instance)
    }
    
    fetchItems()
        .subscribe(onNext: { [weak self] items in
            guard let self = self else { return }
            // 绑定数据源
            items.bind(to: self.pickerView.rx.itemTitles) { _, item in
                return "\(item)"
            }
            .disposed(by: self.disposeBag)
            
            // 加载完成后设置初始选中
            if let defaultIndex = items.firstIndex(of: 2) {
                self.pickerView.selectRow(defaultIndex, inComponent: 0, animated: true)
            }
        })
        .disposed(by: disposeBag)
    
    // 监听选中事件
    pickerView.rx.modelSelected(Int.self)
        .subscribe(onNext: { models in
            print("models selected 1: \(models)")
        })
        .disposed(by: disposeBag)
}

和ViewModel实现双向绑定 #

要实现双向绑定，ViewModel需要用BehaviorSubject来维护选中状态（它能保存当前值，且新订阅者能立即拿到最新值）。

第一步：定义ViewModel #

class PickerViewModel {
    // 数据源：用BehaviorSubject支持动态更新
    let items = BehaviorSubject<[Int]>(value: [1, 2, 3])
    // 选中值：初始值设为2，支持双向同步
    let selectedItem = BehaviorSubject<Int>(value: 2)
    
    init() {
        // 这里可以添加数据源的异步加载逻辑，比如网络请求后发送新值给items
        // fetchRemoteItems().bind(to: items).disposed(by: disposeBag)
    }
}

第二步：在ViewController中完成双向绑定 #

@IBOutlet weak var pickerView: UIPickerView!
let disposeBag = DisposeBag()
let viewModel = PickerViewModel()

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 1. 绑定ViewModel的数据源到PickerView
    viewModel.items
        .bind(to: pickerView.rx.itemTitles) { _, item in
            return "\(item)"
        }
        .disposed(by: disposeBag)
    
    // 2. 把PickerView的选中事件同步到ViewModel的selectedItem
    pickerView.rx.modelSelected(Int.self)
        .map { $0.first! } // 单组件Picker，取第一个选中元素
        .bind(to: viewModel.selectedItem)
        .disposed(by: disposeBag)
    
    // 3. 把ViewModel的selectedItem变化同步到PickerView，实现双向绑定
    viewModel.selectedItem
        .withLatestFrom(viewModel.items) { selectedValue, items in
            (selectedValue, items)
        }
        .subscribe(onNext: { [weak self] selectedValue, items in
            guard let self = self else { return }
            if let index = items.firstIndex(of: selectedValue) {
                self.pickerView.selectRow(index, inComponent: 0, animated: true)
            }
        })
        .disposed(by: disposeBag)
    
    // 监听ViewModel中选中值的变化（用于业务逻辑处理）
    viewModel.selectedItem
        .subscribe(onNext: { selectedValue in
            print("ViewModel updated selected item: \(selectedValue)")
        })
        .disposed(by: disposeBag)
}

额外处理：动态数据源的兼容 #

如果ViewModel的数据源会动态更新（比如切换不同的数据集），可以添加逻辑确保选中值始终在当前数据集中：

viewModel.items
    .subscribe(onNext: { [weak self] newItems in
        guard let self = self else { return }
        let currentSelected = try? self.viewModel.selectedItem.value()
        // 如果当前选中值不在新数据中，默认选中第一个元素
        if !newItems.contains(currentSelected ?? -1) {
            self.viewModel.selectedItem.onNext(newItems.first ?? 0)
        }
    })
    .disposed(by: disposeBag)

内容的提问来源于stack exchange，提问作者vermotr