如何更改 ViewModel 中 xml 对象的可见性？

Question

我有一个关于 ViewModel 中对象的可见性将如何改变的问题。

我来告诉你我的情况：我有一个登录界面，有两个Edittexts和两个按钮，一个按钮和一个Edittext默认是不可见的，我想要可见的按钮使第一个Edittext和我点击的按钮不可见并使第二个按钮和第二个 Edittext 可见。这就是问题所在，我可以在 Activity 中完成所有这些，但我需要在 ViewModel 中完成，我不知道如何从那里访问 xml 组件。

我知道这一切都很混乱，所以我会发送课程，如果有人能告诉我如何做到这一点，我将不胜感激。谢谢你。谢谢你。

登录 XML：

<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools">

<data>
    <variable
        name="viewModel"
        type="com.quobis.sippo.ecco.viewmodel.LoginViewModel"/>
</data>
<android.support.constraint.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="LoginUser">

    <ImageView
        android:layout_width="250dp"
        android:layout_height="200dp"
        android:src="@drawable/logom"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.2"
    />


    <EditText
        android:id="@+id/usr"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:hint="@string/hint_user"
        android:textSize="18sp"
        android:textColorPrimary="@color/colorLetterLogin"
        android:backgroundTint="@color/colorBackButtLogin"
        android:elevation="20dp"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginLeft="60dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.6"
        app:addTextChangedListener="@{viewModel.emailTextWatcher}"
    />

    <Button
        android:id="@+id/btn_usr"
        android:layout_width="55dp"
        android:layout_height="50dp"
        android:background="@color/colorBackButtLogin"
        android:drawableBottom="@drawable/ic_keyboard_arrow_right"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginLeft="260dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.6"
        android:onClick="@{viewModel::onUserClicked}"
    />

    <EditText
        android:id="@+id/pass"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:hint="@string/hint_pass"
        android:textSize="18sp"
        android:shape="rectangle"
        android:inputType="textPassword"
        android:textColorPrimary="@color/colorLetterLogin"
        android:backgroundTint="@color/colorBackButtLogin"
        android:elevation="20dp"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginLeft="60dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.6"
        android:visibility="invisible"
        android:onClick="@{viewModel::onLoginClicked}"
        />

    <Button
        android:id="@+id/btn_pass"
        android:layout_width="55dp"
        android:layout_height="50dp"
        android:background="@color/colorBackButtLogin"
        android:drawableBottom="@drawable/ic_keyboard_arrow_right"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginLeft="260dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.6"
        android:visibility="invisible"
        />

    <Spinner
        android:id="@+id/spinner_usr"
        android:layout_width="120dp"
        android:layout_height="40dp"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginLeft="40dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.85"
    />
</android.support.constraint.ConstraintLayout>
</layout>

视图模型：

class LoginViewModel(private val listener: LoginResultCallbacks) : 
ViewModel() {
private val user: UserModel
var userp ="jorge"




init {
    this.user= UserModel(email = "")
}


fun emailTextWatcher(): TextWatcher {
    return object : TextWatcher {
        override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {
            user.setEmail(s.toString())
        }

        override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {

        }


        override fun afterTextChanged(s: Editable) {

        }
    }

}

fun onUserClicked(v: View) {


}

fun onLoginClicked(v:View) {
    if (user.getEmail() == userp)
        listener.onSucces("Correcto")
    else
        listener.onError("Fallo")
}
}

注意：更改可见性的方法是 onUserClicked。

主要活动：

class LoginUser : AppCompatActivity(), LoginResultCallbacks {
lateinit var binding: ActivityLoginUserBinding

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    binding = DataBindingUtil.setContentView(this, R.layout.activity_login_user)
    binding.viewModel = ViewModelProviders.of(this, LoginViewModelFactory(this)).get(LoginViewModel::class.java)


    var languages = arrayOf("English", "Español", "Galego")
    val spinner = binding.spinnerUsr
    if (spinner != null) {
        val arrayAdapter = ArrayAdapter(this, R.layout.spinner_item, languages)
        spinner.adapter = arrayAdapter
    }

}


override fun onSucces(message: String) {
    Toast.makeText(this,"Login bueno", Toast.LENGTH_SHORT).show()
}

@SuppressLint("ResourceAsColor")
override fun onError(message: String) {
    binding.btnUsr
    btn_usr.setBackgroundColor(R.color.colorFailLogin)
}
}

Answer 1

您可以使用 Android 数据绑定。我将提供一个粗略的例子。

您需要创建可以绑定到 XML 中的视图的 ObservableFields。例如

val isVisible : ObservableField<Boolean> = ObservableField();

然后创建一个绑定适配器

@BindingAdapter("customVisibility")
fun setVisibility(view : View, visible : Boolean) {
    view.visibility = if (visible) View.VISIBLE else View.INVISIBLE
}

然后绑定在您的 XML

app:customVisibility="@{viewModel.isVisible}"

然后您可以通过修改视图模型的 isVisible 属性来更改视图的可见性。

我在 Android Databinding 和 Functional MVVM 中写了一本入门书。您可以查看更多详细信息（用 Kotlin 编写） https://medium.com/tompee/android-data-binding-and-functional-mvvm-b311e4c98d