浅谈Android中的MVVM模式
来源:互联网 发布:外贸邦海关数据有用吗 编辑:程序博客网 时间:2024/06/04 18:16
大家好啊,我是kele。众所周知,Android的设计模式主要有三个:MVC,MVP,MVVM。今天主要来谈一下MVVM模式,简单说明它的好处以及它和MVP在实现方面的区别。
DataBinding
android { .... dataBinding { enabled = true }}
提到MVVM就不得不提到Google推出的这款数据绑定(DataBinding)框架,让它加入你的项目中。然后,改变你的布局文件:
<?xml version="1.0" encoding="utf-8"?><layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"> <data> <variable name="user" type="com.example.zc.taf.model.User" /> </data> <LinearLayout android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{user.name}" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" </LinearLayout></layout>
因为Databinding的缘故,xml文件不再单单是传统的布局文件了,加入layout和data让xml文件现在更好的扮演好View(视图)的角色了。为什么这么说呢,这里我们就要谈一下MVP中的View了。
用过MVP模式开发的同学想必都知道,MVP是以UI和事件为驱动的传统模型,由于数据经常发生变化,更新UI需要手动调用V层或者P层相关的接口,相对来说缺乏自动性、监听性。而且从某种程度来说,V层与P层还是有一定的耦合度。一旦V层某个UI元素更改,那么对应的接口就必须得改,数据如何映射到UI上、事件监听接口这些都需要转变,牵一发而动全身。
用到Databinding就不一样了,双向绑定的概念让传统的布局文件由被动转为主动,数据驱动UI,而且View与ViewModel实现了完美的解耦,这也解决了MVP模式下的缺点。
MVVM
在MVP模式中,我们的Presenter必须知道View的存在,所以当您从Model获取数据时,可以像view.refresh(data)一样调用。但是在MVVM中,我们的中间层ViewModel(不是Presenter)不需要知道View的存在,或者它不关心View。任何人都可以是View,我(ViewModel)应该做的只是发送UI逻辑,任何视图都可以持有它并处理它。
要实现这样的架构,至少有两种方式:
*数据绑定:您应该做的只是更改模型/数据,数据绑定框架将负责将此更改事件发送到视图。
* RxJava:这个解决方案就像Observable模式。 ViewModel只是发送更改事件,他的订阅者将收到通知。顺便说一下,ViewModel不知道,也不需要知道哪个类是接收者。
您要应用MVVM,因此您的代码实际上分为三部分:
* Model:和MVP的M层一样,主要有实体模型/请求数据/处理数据库等
* View: Activity/Fragment/layout xml.
* ViewModel: 负责UI逻辑和数据更改。
让我们根据简单的Demo来看看:
POJO CLASS :
public class User extends BaseObservable { public String name; public String userId; public User(String name,String userId){ this.name = name; this.userId = userId; } @Bindable public String getName() { return name; } @Bindable public String getUserId() { return userId; } public void setName(String name) { this.name = name; notifyPropertyChanged(BR.name); } public void setUserId(String userId) { this.userId = userId; notifyPropertyChanged(BR.userId); }}
我们创建了一个User类,并且其字段的更改由notifyPropertyChanged()发送,其字段的值应通过@Bindable方法获取。
Layout/XML :
<layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"> <data> <variable name="user" type="com.example.zc.taf.model.User" /> <variable name="handler" type="com.example.zc.taf.viewmodel.MainActivityViewModel" /> <import type="android.view.View"/> </data> <LinearLayout android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{user.name}" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{user.userId}" /> <Button android:layout_width="300dp" android:layout_height="wrap_content" android:onClick="@{handler::btn1Click }"/> <Button android:layout_width="300dp" android:layout_height="wrap_content" android:onClick="@{()->handler.showToast(user.userId)}"/> <Button android:id="@+id/search_btn" android:layout_width="300dp" android:layout_height="wrap_content" /> </LinearLayout></layout>
现在,xml应该有一个称为layout的根元素。而我们的xml包含数据和真实的视图。
ViewModel :
public class MainActivityViewModel implements EventListener { private ActivityMainBinding binding; private User user; private Context context; public MainActivityViewModel(Context context,ActivityMainBinding binding){ this.binding = binding; this.context = context; user = new User("宋小宝","002"); binding.setUser(user); binding.setHandler(this); } public void btn1Click(View v){ user.setName("小沈阳"); } public void showToast(String note){ Toast.makeText(context,note,Toast.LENGTH_LONG).show(); } public void setUserId(String userId){ user.setUserId(userId); }}
ViewModel负责改变POJO类,并且处理view的各种响应事件(点击/选择/滑动等等)
- 构造函数中的ActivityMainBinding类实际上是由数据绑定生成的类。我们的布局是activity_main.xml,所以生成的类名就是ActivityMainBinding。
- 如布局xml所示,我们需要两个变量,一个是用户,另一个是处理程序。你必须告诉ActivityMainBinding类的两个实例,所以你必须调用binding.setUser()和binding.setHandler()。
- btn1Click()和showToast()方法是click 事件方法。
每当按钮点击时,我们的用户界面也将被刷新。这是数据绑定的好处。
Activity :
public class MainActivity extends AppCompatActivity { private ActivityMainBinding binding; private MainActivityViewModel vm; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); binding = DataBindingUtil.setContentView(this,R.layout.activity_main); vm = new MainActivityViewModel(this,binding); binding.searchBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { vm.setUserId("101"); } }); }}
由于数据绑定框架正在刷新屏幕,ViewModel负责数据更改,所以我们的Activity更容易。没有更多的findViewById(),没有更多的textView.setText();和imageView.setImageResource()。你需要的只是创建一个绑定和一个ViewModel。
你可以看到,你需要做的只是更新User类,你不需要调用view.refreshUser(newUser);像MVP那样。这样,我们的分离比MVP更干净。因为ViewModel不支持View的引用,所以View和ViewModel之间的分隔更好。而ViewModel的测试与Presenter一样简单。
让开发更简单
MVVM是一种新的模式,低耦合度、双向绑定、可复用性等特性将使您的开发变得更加容易。它可以帮助您分离UI和逻辑,使单元测试可用。
当然了,本文只是个人对MVVM模式的一种浅见,实战为王,近期打算用它做一个app,到时候如果有新的发现在分享出来吧!
- 浅谈Android中的MVVM模式
- 浅谈Android MVVM 框架模式
- Android开发中的MVVM模式
- 浅谈Android开发中的MVVM模式及与MVP和MVC的区别
- MVVM模式浅谈
- 浅谈WPF中的MVVM
- 浅谈 MVVM 设计模式在 Unity3D 中的设计与实施
- Android MVP MVVM浅谈
- 浅谈Android中MVC、MVP、MVVM模式(一)
- 浅谈Android中MVC、MVP、MVVM模式(二)
- 浅谈Android中MVC、MVP、MVVM模式(三)
- 浅谈Android架构设计模式中MVC、MVP、MVVM
- 浅谈iOS开发mvvm模式
- WPF中的MVVM模式
- WPF中的MVVM模式
- WPF中的MVVM模式
- WPF中的MVVM模式
- Angular中的MVVM模式
- [7.8] 纪中C组
- 1045. Favorite Color Stripe 解析
- 观察者模式
- Laravel 使用insert插入数据,字段created_at为0000?
- 数组操作小技巧
- 浅谈Android中的MVVM模式
- 2017暑假集训 div1 最短路(1)
- 获取文本框 、单选、多选框的值
- shell中的通配符
- hiho一下 第158周 非法二进制数
- 完美三角形
- Cocoapods updating local specs repositories
- 通讯录(使用数据库)
- 1008. Elevator (20)