Android MVVM

news/2024/10/24 11:11:48

Android MVVM

介绍

MVVM（Model-View-ViewModel）是Android开发中常用的一种架构模式。它将应用程序的逻辑分离为三个主要部分：Model（模型）、View（视图）和ViewModel（视图模型），从而使代码更清晰、更易于维护。

1. Model（模型）

Model代表应用程序的数据和业务逻辑。它负责处理数据的获取、存储和更新，例如从数据库中检索数据或通过网络请求获取数据。Model通常是与UI无关的部分，因此可以独立测试和复用。

2. View（视图）

View是用户界面（UI）的部分，负责展示数据并与用户进行交互。View直接与XML布局文件相关联。它通过监听用户的操作（如点击按钮）触发相应的操作，但不直接处理业务逻辑。View通常会绑定ViewModel中的数据，并通过观察者模式自动更新UI。

3. ViewModel（视图模型）

ViewModel是连接Model和View的桥梁。它持有Model中的数据，并将这些数据暴露给View。ViewModel的主要职责是处理UI相关的数据准备工作，将数据从Model转换为View可以直接使用的形式。同时，ViewModel还会处理一些简单的逻辑，但不涉及UI操作。它通常使用LiveData或StateFlow等观察者模式来监视数据的变化，当数据发生变化时，自动通知View进行更新。

MVVM的优势

解耦性：Model、View和ViewModel彼此独立，降低了模块之间的耦合度，方便单元测试和模块化开发。
可维护性：由于逻辑与UI分离，代码更清晰、易于维护，降低了后期维护和扩展的成本。
数据绑定：通过使用数据绑定（DataBinding）库或LiveData，View和ViewModel之间可以实现自动更新，减少了手动刷新UI的代码量。

MVVM的实现

在Android中实现MVVM通常需要结合以下组件：

LiveData：一种可观察的数据持有类，View可以订阅它，当数据变化时，UI会自动更新。
ViewModel：通过ViewModel类来存储和管理与UI相关的数据。ViewModel的生命周期与Activity或Fragment相同，可以在配置更改（如屏幕旋转）时保留数据。
DataBinding（可选）：通过数据绑定库，将XML布局文件与ViewModel中的数据直接绑定，实现更简洁的UI更新。

示例

1. 开启数据绑定

在build.gradle文件中启用数据绑定：

android {dataBinding {enabled = true}
}

2. Model（模型）

CountModel类表示计数器的数据模型。它包含计数值和相应的增减方法：

public class CountModel {int count;public CountModel(int count) {this.count = count;}public int getCount() {return count;}public void increment() {count++;}public void decrement() {count--;}
}

3. View（XML布局）

在XML布局文件中使用数据绑定，绑定ViewModel中的数据和方法到UI组件：

<?xml version="1.0" encoding="utf-8"?>
<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><import type="com.jing.countmvvmdemo.viewModel.CountViewModel"/><variablename="countViewModel"type="com.jing.countmvvmdemo.viewModel.CountViewModel" /></data><LinearLayoutandroid:id="@+id/main"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".MainActivity"><TextViewandroid:id="@+id/countTextView"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textSize="24sp"android:text="@{String.valueOf(countViewModel.count)}" /><Buttonandroid:id="@+id/incrementButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="增加"android:onClick="@{() -> countViewModel.increment()}" /><Buttonandroid:id="@+id/decrementButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="减少"android:onClick="@{() -> countViewModel.decrement()}" /></LinearLayout>
</layout>

4. Activity（视图）

MainActivity设置数据绑定，并将CountViewModel与布局绑定：

public class MainActivity extends AppCompatActivity {private CountViewModel countViewModel;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 使用 DataBindingUtil 设置内容视图ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);// 初始化 ViewModelcountViewModel = new ViewModelProvider(this).get(CountViewModel.class);// 将 ViewModel 绑定到布局binding.setCountViewModel(countViewModel);binding.setLifecycleOwner(this);}
}

5. ViewModel

CountViewModel类负责管理与计数器相关的数据，并将这些数据通过LiveData暴露给视图：

public class CountViewModel extends ViewModel {private CountModel countModel;private MutableLiveData<Integer> count;public CountViewModel() {countModel = new CountModel(0);count = new MutableLiveData<>(countModel.getCount());}public LiveData<Integer> getCount() {return count;}public void increment() {countModel.increment();count.setValue(countModel.getCount());}public void decrement() {countModel.decrement();count.setValue(countModel.getCount());}
}