Android MVVM框架搭建（一）ViewModel + LiveData + DataBinding(1)

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:background=“@color/white”

android:hint=“密码”

android:inputType=“textPassword” />

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

<com.google.android.material.button.MaterialButton

android:id=“@+id/btn_login”

android:layout_width=“match_parent”

android:layout_height=“48dp”

android:layout_margin=“24dp”

android:insetTop=“0dp”

android:insetBottom=“0dp”

android:text=“登 录”

app:cornerRadius=“12dp” />

③ 实现登录

下面回到MainActivity中，增加代码如下图所示：

乍一看好像没啥不同的，无非就是给mainViewModel中的两个变量赋了值。不过这里有一个数据持久化的内容在里面，怎么证明呢？看一下下面这个GIF图

这个图可能有一些黑屏的地方，因为我在给自己的手机做横竖屏切换的时候，手机录屏好像有一点问题，不过没事。因为这个结果是对的，那就是数据持久化，因为我们知道手机在切换屏幕的时候Activity是会重新创建的，因此如果我们的数据是放在Activity中，那么切换屏幕之后就会重置，输入框也不会有值，但是通过ViewModel去保存输入框的值就不同了，虽然你的Activity在切换屏幕的时候销毁并且重新创建了，但是我的MainModel依然稳定，所以我才能在横屏的时候也登陆，这样不会造成数据丢失。

二、LiveData使用

---

LiveData是用来做什么的？数据变化感知，也就是说如果我一个页面中对一个TextView进行多次赋值的话，可以通过LiveData来操作，只需要在值改变的时候进行设置就好了，可以简化页面上的代码。下面举一个实际的例子来说明。依然是之前那个登录页面，不过需要修改一下MainViewModel中的变量，如下：

① 可修改数据

public MutableLiveData account = new MutableLiveData<>();

public MutableLiveData pwd = new MutableLiveData<>();

请注意这里使用的是MutableLiveData，表示值的内容开变动，而LiveData是不可变的。<>中的是泛型，你可以直接将一个对象放进去，当对象的内容有改动时，通知改变就可以了，现在这么写是为了方便理解。下面进入MainActivity中，首先我们改变一下布局activity_main.xml在按钮的下面再加如下代码

<TextView

android:id=“@+id/tv_account”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

<TextView

android:id=“@+id/tv_pwd”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

② 数据观察

然后回到MainActivity中，修改代码如下图所示：

上面的图中从上往下有四处标注，我们从下面的两处标注来看，首先在给MainViewModel中的account赋值时，采用了MutableLiveData的setValue()的方式，还有一种方式是postValue()，这里要注意一点setValue()只能在主线程中调用，postValue()可以在任何线程中调用。pwd也是一样的，然后在最后一处标注的地方，对MainViewModel中的account和pwd进行数据观察，当这两个值有改变时通知页面最新的值，这里用了lambda表达式进行了一次简化，实际的代码是这样的。

下面我们运行一下：