[Swift] MVVM設計でのUITableViewCell

Question

内容

いいねボタンのあるUITableViewCellの実装を行っています。

現状はいいねボタンのタップイベントが流れるとUITableViewCell内でリクエストを送っているのですが、viewにロジックを書いており気持ち悪い、そしていいねボタンがリクエストを送る条件が複雑でUITableViewCellクラスが肥大化しています。

その解決策としてTableViewCellViewModelやTableViewCellModelを作り、ロジックを分けようと考えています。
MVVMの設計としてUITableViewCellにViewModelやModelを作ることは大丈夫なのでしょうか？

そして分けた場合のdisposeBagの扱いはどのようにするのがいいのでしょうか？

Comments

[Stripe]

MVVMの設計としてUITableViewCellにViewModelやModelを作ることに、何か不安要素でもあるんですか？

Answer 1

MVVMを用いる際には、ViewControllerがViewModelの変更を受け取り、UITableViewCellなどはそれらの値をただ画面に描画するという実装がベターではないかと思います。

つまり、以下のような流れになります。

1. UITableViewCell上のいいねボタンのタップイベントを受け取り、ViewModelに伝達する。
2. ViewModelは受け取ったイベントをもとに、いいねに関するモデルのメソッドを実行する。
3. モデルの実行結果を受け取り、対応するデータに対して更新処理を行う。
4. 更新されたデータに対応するCellのReloadを実行する。

よって、UITableViewCellは

• いいねのタップイベントを受け取る
• いいねの状態を描画する

の処理のみを実装するだけで良くなるはずです。

また、Cell上のボタンタップの伝達は以下のような実装になります。
takeUntilとprepareForReuseを利用することでcellがreuseされるタイミングでDisposeされるので、DisposeBagの扱いを気にする必要がなくなります。

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
    let prepareForReuse = cell.rx.sendMessage(#selector(UITableViewCell.prepareForReuse))

    _ = cell.likeButton.rx.tap
        .takeUntil(prepareForReuse)
        .map { _ in indexPath }
        .concat(Observable.never()) // onCompleteが流れて、bind先がonCompleteしてしまうことを防ぐ
        .bind(to: viewModel.likeWithIndexPath)

    return cell
}