MVVM 架构与数据绑定库

最新推荐文章于 2022-08-12 15:55:12 发布

Android_FLING

最新推荐文章于 2022-08-12 15:55:12 发布

阅读量316

点赞数

分类专栏： Android技术文章标签： Android Android技术 Android进阶 Android开发程序员

本文链接：https://blog.csdn.net/Android_JIE/article/details/89460199

版权

本文详细介绍了MVVM架构模式以及Android中的数据绑定库。数据绑定库通过自动同步视图模型和视图，减少了手动更新UI的代码，提高了代码的简洁性和效率。在MVVM中，视图模型作为模型和视图之间的桥梁，数据变化能够自动反映到布局上，同时视图模型处理UI逻辑和模型交互，降低了耦合。文章还探讨了如何设置数据绑定、自定义setter、使用MVVM架构的注意事项，以及如何进行单元测试。

摘要由CSDN通过智能技术生成

Model-View-Presenter（MVP），即模型-视图-表示层，架构被广泛应用于 Android 应用程序，通过引入表示层将视图与表示逻辑和模型分离。Model-View-ViewModel（MVVM），即模型-视图-视图模型，与 MVP 非常相似，视图模型充当增强的表示层，使用数据绑定器保持视图模型和视图同步。通过将视图绑定到视图模型属性上，数据绑定程序可以处理视图更新而无需手动更改数据来设置视图（例如，不用再设置控件 TextView 的setTest() 或者 setVisibility() 属性）。与 MVP 中的表示层一样，视图模型可以很容易地进行单元测试。本文介绍了数据绑定库和 MVVM 架构模式，以及它们在 Android 上协同工作方式。
数据绑定
什么是数据绑定？在这里插入图片描述
数据绑定是一种把数据绑定到用户界面元素（控件）的通用机制。通常，数据绑定会将数据从本地存储或者网络绑定到显示层，其特征是数据的改变会自动在数据源和用户界面之间同步。

数据绑定库的好处

TextView textView = (TextView) findViewById(R.id.label);
EditText editText = (EditText) findViewById(R.id.userinput);
ProgressBar progressBar = (ProgressBar) findViewById(R.id.progress);
 
editText.addTextChangedListener(new TextWatcher() {
   @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { }
   @Override public void afterTextChanged(Editable s) { }
   @Override public void onTextChanged(CharSequence s, int start, int before, int count) {
       model.setText(s.toString());
   }
});
 
textView.setText(model.getLabel());
progressBar.setVisibility(View.GONE);

如上述代码所示，大量的 findViewById() 调用之后，又是一大堆 setter/listener 之类的调用。即使使用 ButterKnife 注入库也没有使情况改善。而数据绑定库就能很好地解决这个问题。

在编译时创建一个绑定类，它为所有视图提供一个 ID 字段，因此不再需要调用 findViewById() 方法。实际上，这种方式比调用 findViewById() 方法快数倍，因为数据绑定库创建代码仅需要遍历视图结构一次。

绑定类中也实现了视图文件的绑定逻辑，因此所有 setter 会在绑定类中被调用，你无须为之操心。总之，它能让你的代码变得更简洁。

如何设置数据绑定？

android {
   compileSdkVersion 25
   buildToolsVersion "25.0.1"
   ...
   dataBinding {
       enabled = true
   }
   ...
}

首先在 app 的 build.gradle 中添加 dataBinding { enabled = true }。之后构建系统会收到提示对数据绑定启用附加处理，如，从布局文件创建绑定类。

<layout xmlns:android="http://schemas.android.com/apk/res/android">
  <data>
    <variable name="vm" type="com.example.ui.main.MainViewModel" />
    <import type="android.view.View" />
  </data>
  ...
</layout>

接下来，在标签中包装下布局中的顶层元素，以便为此布局创建绑定类。绑定类具有和布局 xml 文件相同的名称，只是在结尾添加 Binding，例如， Activity_main.xml 的绑定类名字是 ActivityMainBinding。如上所示，命名空间的声明也移到布局标记中。然后，在布局标记内声明将需要绑定的数据作为变量，并设置好名称和类型。示例中，唯一的变量是视图模型，但后续变量会增加。你可以选择导入类，以便能使用 View.VISIBLE 或静态方法等常量。
如何绑定数据？

<TextView
    android:id="@+id/my_layout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:visibility="@{vm.visible ? View.VISIBLE : View.GONE}">
    android:padding="@{vm.bigPadding ? @dimen/paddingBig : @dimen/paddingNormal}"
    android:text='@{vm.text ?? @string/defaultText + "Additional text."}' />

视图属性上的数据绑定指令以@开头，以大括号结束。你可以使用任何变量在数据段中导入你之前声明的变量。这些表达式基本支持你在代码中的所有操作，例如算术运算符或字符串连接。

Visibility 属性中还支持 if-then-else 三元运算符。还提供了合并运算符 ??，如果左边的值为空，则返回右操作数。在上述代码中，你可以像在正常布局中一样访问资源，因此你可以根据布尔变量的取值选择不同的 dimension 资源，也可以使用 padding 属性查看这些资源。

即使你在代码中使用 getters 和 setters，你所声明的变量的属性