我在“活动”中有一个按钮。当我按下此按钮时,我想在从另一个对话框接收输入值后用输入值执行某些功能。
我在以下配置中实现了此请求。
ViewModel
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中弹出对话框时,通常发布的代码使用Activity通过Subject等方式订阅ViewModel的方式,但是从Dialog返回到ViewModel的任何值的流程是不一致。
上面的代码还需要将接收来自Activity的输入值的接口一一传递给ViewModel。
我想改进这段代码,但是我真的没有一个好主意。
答案 0 :(得分:0)
如果某个应用传递了对ViewModel的View
引用,则该应用不遵循MVVM模式。如果应用程序遵循MVVM,则其ViewModel层无需了解其View层。
当前MainViewModel
的问题在于它“告诉”视图以显示对话框,并将对话框数据“获取”回自身。流程应该相反。 MainActivity
应该是“观察”事件并将数据“提供”给MainViewModel
的那个。
示例:
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
}
MainActivity
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
设置按钮的点击监听器来进一步简化流程。