【问题标题】:How can I change the visibility of an xml object in ViewModel?如何更改 ViewModel 中 xml 对象的可见性?
【发布时间】:2018-10-03 04:32:57
【问题描述】:

我有一个关于 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)
}
}

【问题讨论】:

    标签: android mvvm kotlin viewmodel


    【解决方案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 数据绑定和函数式 MVVM 的入门书。您可以查看它以获取更多详细信息(用 Kotlin 编写) https://medium.com/tompee/android-data-binding-and-functional-mvvm-b311e4c98d

    【讨论】:

    • 感谢您的回答,但 BindingAdapter 给了我很多错误。它无法解析可见和意外令牌的引用。
    • 我修改了代码以按原样编译。至于绑定适配器函数,this应该是顶级方法或者静态函数(伴生对象)。
    • 很抱歉再次打扰您,但是编译给我这个错误:e:[kapt]发生异常:android.databinding.tool.util.LoggedErrorException:发现数据绑定错误。
    猜你喜欢
    • 2010-11-27
    • 2021-03-12
    • 2014-08-15
    • 2011-08-01
    • 2010-11-14
    • 2012-09-22
    • 2019-02-16
    • 1970-01-01
    • 2021-08-13
    相关资源
    最近更新 更多