Android MVVM

20lxj666 / 2024-11-13 / 原文

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"/>
        <variable
            name="countViewModel"
            type="com.jing.countmvvmdemo.viewModel.CountViewModel" />
    </data>
    <LinearLayout
        android:id="@+id/main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity">

        <TextView
            android:id="@+id/countTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="24sp"
            android:text="@{String.valueOf(countViewModel.count)}" />

        <Button
            android:id="@+id/incrementButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="增加"
            android:onClick="@{() -> countViewModel.increment()}" />

        <Button
            android: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;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // 使用 DataBindingUtil 设置内容视图
        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
     
        // 初始化 ViewModel
        countViewModel = 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());
    }
}