如何在ViewModel中控制XML控件的可见性？登录界面场景咨询

嗨，很高兴帮你解决这个问题！其实核心思路就是用LiveData在ViewModel里维护UI的状态，然后让Activity观察状态变化来更新控件可见性，完全符合MVVM的解耦原则，避免ViewModel直接操作View。

下面是具体的实现步骤：

1. 创建ViewModel，维护可见性状态 #

在ViewModel里定义两个MutableLiveData来分别控制两组控件的显示状态（第一组：第一个EditText+默认可见的按钮；第二组：第二个EditText+默认不可见的按钮），然后写一个触发状态切换的方法：

import androidx.lifecycle.MutableLiveData
import androidx.lifecycle.ViewModel

class LoginViewModel : ViewModel() {
    // 第一组控件的可见性状态，初始为显示
    val isFirstGroupVisible = MutableLiveData(true)
    // 第二组控件的可见性状态，初始为隐藏
    val isSecondGroupVisible = MutableLiveData(false)

    // 处理按钮点击的方法
    fun onToggleVisibilityButtonClicked() {
        // 切换两组的状态
        isFirstGroupVisible.value = isFirstGroupVisible.value?.not()
        isSecondGroupVisible.value = isSecondGroupVisible.value?.not()
    }
}

2. 在Activity中关联ViewModel并观察状态变化 #

在Activity里初始化ViewModel，然后观察这两个LiveData，当状态变化时更新对应控件的可见性：

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import androidx.lifecycle.ViewModelProvider
import kotlinx.android.synthetic.main.activity_login.*

class LoginActivity : AppCompatActivity() {
    private lateinit var viewModel: LoginViewModel

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_login)

        // 初始化ViewModel
        viewModel = ViewModelProvider(this)[LoginViewModel::class.java]

        // 观察第一组控件的状态
        viewModel.isFirstGroupVisible.observe(this) { isVisible ->
            et_first.visibility = if (isVisible) View.VISIBLE else View.GONE
            btn_toggle.visibility = if (isVisible) View.VISIBLE else View.GONE
        }

        // 观察第二组控件的状态
        viewModel.isSecondGroupVisible.observe(this) { isVisible ->
            et_second.visibility = if (isVisible) View.VISIBLE else View.GONE
            btn_submit.visibility = if (isVisible) View.VISIBLE else View.GONE
        }

        // 给可见的按钮设置点击事件，调用ViewModel的方法
        btn_toggle.setOnClickListener {
            viewModel.onToggleVisibilityButtonClicked()
        }
    }
}

为什么要这么做？ #

• ViewModel的职责是管理UI相关的状态和业务逻辑，不应该直接持有View的引用，这样可以避免内存泄漏，同时让ViewModel与UI层解耦，便于测试和复用。
• LiveData是生命周期感知的，它会自动在Activity处于活跃状态时通知更新，不用担心内存泄漏或者在后台更新UI的问题。

这样就完美把原来在Activity里的逻辑迁移到ViewModel中啦，既符合MVVM的架构设计，又保持了代码的清晰和可维护性。如果是用Java开发，逻辑完全一致，只是语法细节需要调整~

内容的提问来源于stack exchange，提问作者Jorge Riveiro