我在活动里面有一个按钮。当我按下此按钮时,我想在从另一个对话框接收输入值后使用输入值执行某些功能。
我在以下配置中实现了此请求。
视图模型
package k.test.mvvmmock
import androidx.databinding.BaseObservable
import io.reactivex.Single
class MainViewModel(val contract: Contract) : BaseObservable() {
interface Contract {
fun showDialog(): Single<String>
}
fun clickButton(){
contract.showDialog()
.subscribe({
//Something Action
println("Input : $it")
},{
})
}
}
活动
package k.test.mvvmmock
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import io.reactivex.Single
import android.content.DialogInterface
import android.widget.EditText
import androidx.appcompat.app.AlertDialog
import androidx.databinding.DataBindingUtil
import io.reactivex.subjects.SingleSubject
import k.test.mvvmmock.databinding.ActivityMainBinding
import java.lang.Exception
class MainActivity : AppCompatActivity(), MainViewModel.Contract {
val viewModel = MainViewModel(this)
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
DataBindingUtil.setContentView<ActivityMainBinding>(this, R.layout.activity_main)
.vm = viewModel
}
override fun showDialog(): Single<String> {
val txt = EditText(this)
val subject = SingleSubject.create<String>()
val dialog = AlertDialog.Builder(this)
.setTitle("Input")
.setView(txt)
.setPositiveButton("OK") { _, _ ->
subject.onSuccess(txt.text.toString())
}
.setNegativeButton("Cancel") { _, _ ->
subject.onError(Exception("Canceled!"))
}
.create()
return subject.doOnSubscribe {
dialog.show()
}
.doFinally {
if(dialog.isShowing)
dialog.dismiss()
}
}
}
布局
<?xml version="1.0" encoding="utf-8"?>
<layout>
<data>
<variable name="vm" type="k.test.mvvmmock.MainViewModel"/>
</data>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
android:onClick="@{(v)->vm.clickButton()}"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
通常,发布的代码使用活动使用主题等订阅视图模型的方式,当它需要在视图模型中弹出一个对话框时,但是从对话框接收任何值返回到视图模型的流程不一致。
上面的代码还需要将接收来自活动的输入值的接口逐个传递给 ViewModel。
我想改进这段代码,但我真的没有一个好主意。
如果应用将View
引用传递给 ViewModel,则该应用不遵循 MVVM 模式。如果应用遵循 MVVM,则其 ViewModel 层不需要了解其视图层的任何信息。
当前MainViewModel
的问题在于它"告诉"视图以显示对话框,并将对话框数据"获取"回自身。流程应该是相反的。MainActivity
应该是"观察"事件并向MainViewModel
"提供"数据的人。
例:
主视图模型
class MainViewModel : BaseObservable() { // No Contract!
val showDialogEvent = PublishSubject.create<Any>();
fun clickButton() {
showDialogEvent.onNext(Any())
}
fun doThingsWith(dialogInput: String) {
// do something here
println("Input : $it")
}
fun handleError(e: Throwable) {
// do something here
}
主活动
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
...
val disposable = viewModel.showDialogEvent
.subscribe {
val txt = EditText(this)
val subject = SingleSubject.create<String>()
val dialog = AlertDialog.Builder(this)
.setTitle("Input")
.setView(txt)
.setPositiveButton("OK") { _, _ ->
viewModel.doThingsWith(txt.text.toString())
}
.setNegativeButton("Cancel") { _, _ ->
viewModel.handleError(Exception("Canceled!"))
}
.create()
dialog.show()
}
}
此外,如果ViewModel
不需要知道单击,您可以通过直接从MainActivity
为按钮设置单击侦听器来进一步简化流程。