RxswiftでUIButton.currentImageの値を渡したい

Question

現在のボタンの画像をviewModelへ渡したいのですがどうすれば渡せるでしょか？
何時間か調べたのですがRxswif初心者で解決する事ができませんでした

試した事
textfieldのtextを渡す様に試してみましたが
エラー（Value of type 'Reactive<UIImage>' has no member 'bind'）となってしましました

 button.currentImage.rx.bind(to:viewmodel.image)

Answer 1

View側からimageの変更イベントをViewModel側に伝えたいシチュエーションがいまいち想像できません。ViewModel側にUIButtonに表示するためのUIImageを伝えるObservableを持たせて、ViewModel内で利用するようにすれば解決しませんか？

• ViewModel側

let buttonImage: Driver<UIImage> = ...

// imageを使って何か処理をしたい場合
self.buttonImage
    .drive(onNext: { image in
        // 何かする...
    })
    .disposed(by: ...)

• View側

viewModel.buttonImage.drive(button.rx.image())

---

追記

コードを載せていただいていないので推測になりますが、ご質問の状況はMVVMの設計思想から外れた実装をしているために起きているものだと思います。基本的に、MVVMではViewを更新する際にはViewModelを介して行います。ViewとViewModelのやり取りは

• View => ViewModel - UIに関するイベントをViewModelに伝える
• ViewModel => View - UIの状態を表すデータを更新し、Viewに伝える

という2通りのものであるべきです。

おそらく、質問者さんのコードだとユーザーが画像を選択した際にUIButtonにそのまま画像を設定しているのだと思いますが、それだとViewがViewModelを介さずに勝手にUIを更新していることになります。これではMVVMの原則に反してしまうので、次のようにViewModelを介するように変更してみてください。これでViewModelとViewの状態は同じに保たれるため、UIButtonのimageをViewModelに伝える方法を考える必要は無くなります。

1. View: 画像を選択したイベントをViewModelに伝える
2. ViewModel: UIButtonの画像を表すデータを更新し、Viewに伝える

以下、実装イメージを載せておきます。

• View側

viewModel.buttonImage.drive(button.rx.image())
registerButton.rx.tap.bind(to: viewModel.onRegisterButtonClick)

// カメラロール等で画像を選択した時のコールバック（適当に読み替えてください）
func imageDidSelect(image: UIImage) {
    viewModel.onImageSelected.accept(image)
}

• ViewModel側

// Output: ViewModel => View
let buttonImage: Driver<UIImage>

// Input: View => ViewModel
let onImageSelected = PublishRelay<UIImage>()
let onRegisterButtonClick = PublishRelay<Void>()

init(...) {
    self.buttonImage = self.onImageSelected.asDriver(...)

    self.onRegisterButtonClick
        .withLatestFrom(self.buttonImage)
        .subscribe(onNext: { selectedImage in 
            // 画像をアップロードする処理... 
        })
        .disposed(by: ...)
}

Comments

[ttah]

kakajika様、回答有難うございます
シチュエーションはtwitterのアイコン登録の様なケースです
ユーザーがアイコン登録ボタンをタップし写真を選択すると
ボタンの画像が選択した写真になります

その後ボタンの画像をviewmodelに送りサーバーにUPする事を想定しています

現在はアイコン登録ボタンとは別の、登録ボタン的なのを押した時に
viewmodel.buttonImage.accept(self?.button.currentImage)
で送ってますが、
アイコンの画像が切り替わったタイミングでviewmodelに値を送る方法が分からない状態です
（またそもそもアイコン画像変わるたびに値を送る必要はないのか？普通はどうしているのかな？と疑問を持っている状態です）

[kakajika]

なるほど、なんとなく状況はわかりました。すでに自己解決の回答をされていますが、おそらくMVVMの設計思想についてあまり理解されずにコーディングされていると思いますので、今後も同じような場面で悩むことになると思います。その辺り含めて回答に追記しますね。

[ttah]

追記での解説有難うございます。
mvvm初心者で色々なサイトで勉強してましたがkakajika様の追加が大変分かりやすく
理解が進みました。