基于RxSwift+MVVM实现UITableView中TextField的双向绑定方案咨询

嘿，这个问题我刚好处理过，结合RxSwift+MVVM实现UITextField和ViewModel属性的双向绑定其实很清晰，还能顺便解决cell释放后的崩溃隐患，我给你一步步拆解～

一、先调整ViewModel的状态存储 #

首先，你的PaletteViewModel里的answer属性不能是普通的字符串，得用BehaviorRelay来存储——它是RxSwift里用来保存可变状态的最佳选择，既能对外暴露可观察的序列，又能接受外部的新值，完美适配双向绑定的需求。

修改PaletteViewModel的代码：

import RxSwift
import RxCocoa

class PaletteViewModel {
    // 用BehaviorRelay存储answer，初始值可以根据你的需求设置
    let answer = BehaviorRelay<String>(value: "")
    
    // 其他原有属性（比如调色板的名称、颜色值等）...
}

二、给UITableViewCell实现双向绑定逻辑 #

接下来在自定义的UITableViewCell里，把UITextField和PaletteViewModel的answer做双向绑定。这里要注意处理cell复用和内存释放的问题，所以我们用一个disposeBag来管理绑定的生命周期，并且在cell复用的时候重置这个bag，确保旧的绑定被及时销毁。

示例cell代码：

import UIKit
import RxSwift
import RxCocoa

class PaletteTableViewCell: UITableViewCell {
    @IBOutlet weak var answerTextField: UITextField!
    
    // 专门用来管理当前cell绑定的disposeBag
    private var cellDisposeBag = DisposeBag()
    
    override func prepareForReuse() {
        super.prepareForReuse()
        // 重置disposeBag，销毁之前的所有绑定
        cellDisposeBag = DisposeBag()
    }
    
    // 对外暴露绑定方法，传入对应的ViewModel
    func bind(to viewModel: PaletteViewModel) {
        // 双向绑定的第一部分：用户修改TextField文本 → 更新ViewModel的answer
        answerTextField.rx.text.orEmpty
            .bind(to: viewModel.answer)
            .disposed(by: cellDisposeBag)
        
        // 双向绑定的第二部分：ViewModel的answer变更 → 更新TextField的文本
        viewModel.answer
            .bind(to: answerTextField.rx.text)
            .disposed(by: cellDisposeBag)
    }
}

三、结合RxDataSources完成TableView的绑定 #

既然你已经在用RxDataSources，只需要在configureCell回调里调用cell的bind(to:)方法，把对应位置的PaletteViewModel传给cell就行。

示例ViewController代码片段：

import UIKit
import RxSwift
import RxCocoa
import RxDataSources

class PaletteListViewController: UIViewController {
    @IBOutlet weak var tableView: UITableView!
    
    private let disposeBag = DisposeBag()
    // 你的ListViewModel实例
    private let listViewModel = ListViewModel()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupTableViewBinding()
    }
    
    private func setupTableViewBinding() {
        // 配置RxDataSources的数据源
        let dataSource = RxTableViewSectionedReloadDataSource<SectionModel<String, PaletteViewModel>>(
            configureCell: { [weak self] dataSource, tableView, indexPath, viewModel in
                guard let cell = tableView.dequeueReusableCell(withIdentifier: "PaletteCell", for: indexPath) as? PaletteTableViewCell else {
                    return UITableViewCell()
                }
                // 绑定ViewModel到cell
                cell.bind(to: viewModel)
                return cell
            }
        )
        
        // 把ListViewModel里的PaletteViewModel数组绑定到TableView
        listViewModel.paletteViewModels
            // 转换成RxDataSources需要的SectionModel格式（这里假设是单组列表）
            .map { [SectionModel(model: "", items: $0)] }
            .bind(to: tableView.rx.items(dataSource: dataSource))
            .disposed(by: disposeBag)
    }
}

四、关于cell释放后Observable变更是否会崩溃的问题 #

完全不用担心！原因有两个：

1. 绑定生命周期被严格管理：每个cell都有自己的cellDisposeBag，当cell被移出屏幕复用或者被销毁时，prepareForReuse会重置这个bag，之前的所有绑定都会被自动dispose掉——也就是说，ViewModel的answer变更时，不会再给已经释放的TextField发送事件。
2. 无循环引用风险：BehaviorRelay不会持有cell的引用，绑定的持有关系是cell持有disposeBag，disposeBag持有绑定的订阅，当cell销毁时，disposeBag也会被销毁，订阅随之释放，不会出现内存泄漏或者野指针访问的问题。

额外注意点 #

• 别用已经废弃的Variable，官方推荐用BehaviorRelay来替代。
• 如果你的answer需要做格式校验（比如只能输入数字），可以在双向绑定的中间加入filter或者map操作符来处理，比如：

// 只允许输入数字的例子
answerTextField.rx.text.orEmpty
    .map { $0.filter { $0.isNumber } }
    .bind(to: viewModel.answer)
    .disposed(by: cellDisposeBag)

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