你如何使用 MVVM 和 RxSwift 事件在 UIViewController 和它的子 UIView 之间进行通信？

Question

我在我的项目中使用 MVVM、Clean Architecture 和 RxSwift。有一个视图控制器，它有一个子 UIView，它是从一个单独的 .xib 文件动态创建的（因为它在多个场景中使用）。因此有两个视图模型，UIViewController 的视图模型和 UIView 的。现在，子视图模型中有一个 Rx 事件，父视图模型应该观察到它，然后它将调用它的一些及其视图模型的函数。代码是这样的：

MyPlayerViewModel：

class MyPlayerViewModel {
    var eventShowUp: PublishSubject<Void> = PublishSubject<Void>()
    var rxEventShowUp: Observable<Void> {
        return eventShowUp
    }
}

我的播放器视图：

class MyPlayerView: UIView {
    var viewModel: MyPlayerViewModel?
    
    setup(viewModel: MyPlayerViewModel) {
        self.viewModel = viewModel
    }
}

MyPlayerSceneViewController：

class MyPlayerSceneViewController: UIViewController {
    @IBOutlet weak var myPlayerView: MyPlayerView!
    @IBOutlet weak var otherView: UIView! 

    var viewModel: MyPlayerSceneViewModel
    fileprivate var disposeBag : DisposeBag = DisposeBag()

    override func viewDidLoad() {
        super.viewDidLoad()
        self.myPlayerView.viewModel.rxEventShowUp.subscribe(onNext: { [weak self] in
            self?.viewModel.doOnShowUp()
            self?.otherView.isHidden = true
        })
    }
}

如您所见，目前，我将 myPlayerView 的 viewModel 公开给公众，以便父级可以观察其上的事件。这是正确的方法吗？如果没有，还有其他关于更好方法的建议吗？谢谢。

Answer 1

一般来说，将视图的内容暴露给它的视图控制器并没有什么不好，但是你真的需要两个单独的视图模型吗？你不混合 viewModel 和模型职责吗？

一些想法：

• 模型不应继承 UIView。
• 您应该避免在视图模型中创建自己的主题。它本身不创建事件，它只处理输入并公开结果。
• 建议您熟悉Binder 和Driver。

下面是代码示例：

struct PlayerModel {

    let id: Int
    let name: String
}

class MyPlayerSceneViewModel {

    struct Input {
        let eventShowUpTrigger: Observable<Void>
    }

    struct Output {
        let someUIAction: Driver<PlayerModel>
    }

    func transform(input: Input) -> Output {
        let someUIAction = input.eventShowUpTrigger
            .flatMapLatest(fetchPlayerDetails) // Transform input
            .asDriver(onErrorJustReturn: PlayerModel(id: -1, name: "unknown"))

        return Output(someUIAction: someUIAction)
    }

    private func fetchPlayerDetails() -> Observable<PlayerModel> {
        return Observable.just(PlayerModel(id: 1, name: "John"))
    }
}

class MyPlayerView: UIView {

    var eventShowUp: Observable<Void> {
        return Observable.just(()) // Expose some UI trigger
    }

    var playerBinding: Binder<PlayerModel> {
        return Binder(self) { target, player in
            target.playerNameLabel.text = player.name
        }
    }

    let playerNameLabel = UILabel()
}

class MyPlayerSceneViewController: UIViewController {

    @IBOutlet weak var myPlayerView: MyPlayerView!

    private var viewModel: MyPlayerSceneViewModel!
    private var disposeBag: DisposeBag = DisposeBag()

    override func viewDidLoad() {
        super.viewDidLoad()
        setupBindings()
    }

    private func setupBindings() {
        let input = MyPlayerSceneViewModel.Input(eventShowUpTrigger: myPlayerView.eventShowUp)
        let output = viewModel.transform(input: input)

        // Drive manually
        output
            .someUIAction
            .map { $0.name }
            .drive(myPlayerView.playerNameLabel.rx.text)
            .disposed(by: disposeBag)

        // or to exposed binder
        output
            .someUIAction
            .drive(myPlayerView.playerBinding)
            .disposed(by: disposeBag)
    }
}