Android MVVM

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操作。它通常使用LiveDataStateFlow等观察者模式来监视数据的变化,当数据发生变化时,自动通知View进行更新。

MVVM的优势

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

MVVM的实现

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

  • LiveData:一种可观察的数据持有类,View可以订阅它,当数据变化时,UI会自动更新。
  • ViewModel:通过ViewModel类来存储和管理与UI相关的数据。ViewModel的生命周期与ActivityFragment相同,可以在配置更改(如屏幕旋转)时保留数据。
  • 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());
}
}

总结

这个示例展示了如何通过MVVM架构和数据绑定简化Android开发。在这个实现中:

  • ModelCountModel)处理实际的计数逻辑。
  • ViewModelCountViewModel)将CountModel中的数据转换为LiveData并提供业务逻辑。
  • View(XML布局)使用数据绑定直接绑定数据和操作到UI组件。

代码地址

https://gitee.com/lxj_dear/my-android-mvvm

posted @   疾风不问归途  阅读(322)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示