Android Kotlin：如何设置错误 editext 使用数据绑定和 LiveData

如何解决Android Kotlin：如何设置错误 editext 使用数据绑定和 LiveData

我想用应用程序结构模型–视图–视图模型验证表单登录 Kotlin

我将 ViewModel 与 Data Binding 和 LiveData 一起使用，在 XML 文件中为双向数据创建了一个变量

我可以在空字段时进行验证，但我不知道如何在用户更改 EditText 邀请格式或磨损字符时为 editText 设置错误

activity_main.xml

    <data><variable
        name="viewModel"
        type="com.validateform.LoginViewModel" />
</data>

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/lay_username"
        android:layout_width="350dp"
        android:layout_height="wrap_content"
        android:hint="Username"
        app:errorEnabled="true">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/edt_username"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@={viewModel.username}" />

    </com.google.android.material.textfield.TextInputLayout>

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/lay_password"
        android:layout_width="350dp"
        android:layout_height="wrap_content"
        android:hint="Password"
        app:errorEnabled="true">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/edt_password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@={viewModel.password}" />

    </com.google.android.material.textfield.TextInputLayout>

    <Button
        android:id="@+id/btn_submit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="@{()-> viewModel.submitLogin()}"
        android:text="Submit"/>

MainActivity.kt

class MainActivity : AppCompatActivity() {

    private lateinit var binding: ActivityMainBinding
    private lateinit var viewModel : LoginViewModel

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        // Binding
        binding = DataBindingUtil.setContentView(this,R.layout.activity_main)

        // ViewModel
        viewModel = ViewModelProviders.of(this).get(LoginViewModel::class.java)
        binding.lifecycleOwner = this
        binding.viewModel = viewModel

        initObserver()
    }

    private fun initObserver() {
        viewModel.errorMessage.observe(this,Observer { message ->
            Snackbar.make(binding.btnSubmit,message,Snackbar.LENGTH_LONG).show()
        })
    }
}

登录ViewModel.kt

class LoginViewModel : ViewModel() {

    val username = MutableLiveData()
    val password = MutableLiveData()

    private val _errorMessage = MutableLiveData()
    val errorMessage : LiveData
    get() = _errorMessage

    fun submitLogin() {
        validateForm()
    }

    private fun validateForm() : Boolean {
        var result = true

        if (username.value.isNullOrEmpty()) {
            _errorMessage.value = "User Required"
            result = false
        }

        if (password.value.isNullOrEmpty()) {
            _errorMessage.value = "Password Required"
            result = false
        }
        return result
    }
}

解决方法

您需要将错误消息作为字符串资源返回以支持本地化。此外，您需要为其创建绑定适配器。

查看模型示例

interface LoginViewModel {
    val errorMessage: LiveData<Int>
}

绑定适配器示例

@BindingAdapter("error")
internal fun TextInputLayout.setError(@StringRes errorRes: Int) {
    error = errorRes.takeUnless { it == ID_NULL }?.let { resources.getString(it) }
}

布局

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/lay_username"
    android:layout_width="350dp"
    android:layout_height="wrap_content"
    android:hint="Username"
    app:errorEnabled="true"
    bind:error="@{ vm.errorMessage }">

</com.google.android.material.textfield.TextInputLayout>

注意：如果您提供帮助文本，则不需要标志 app:errorEnabled="true"。主要目的是为消息预留空间。