浅析MVC、MVP、MVVM 架构

MVC

模型

Model

指数据逻辑和实体模型

View

指布局文件

Controllor

指Activity，既要负责页面的展示和交互，还得负责数据的请求和业务逻辑之类的工作。

看起来MVC架构很清晰，但是实际的开发中，请求的业务代码往往被丢到了Activity里面，大家都知道layout.xml的布局文件只能提供默认的UI设置，所以开发中视图层的变化也被丢到了Activity里面，再加上Activity本身承担着控制层的责任。所以Activity达成了MVC集合的成就，最终我们的Activity就变得越来越难看，从几百行变成了几千行，维护的成本也越来越高。

MVP

MVP和MVC 相比而言，唯一的差别是Model和View之间不进行通讯，都是通过Presenter完成。

模型

Model

实体模型

View

Activity 或者Fragment，负责View的绘制以及与用户交互

Presenter

负责View与Model间的交互与逻辑处理

Presenter可以使View（Activity）不用直接和Model打交道，View（Activity）只用负责页面的显示和交互，剩下的和Model交互的事情都交给Presenter做，比如一些网络请求、数据的获取等，当Presenter获取到数据后再交给View（Activity）进行展示，这样，Activity的任务就大大减小了。

优缺点

优点

分离了视图逻辑和业务逻辑，降低了耦合
视图逻辑和业务逻辑分别抽象到了View和Presenter的接口中去，提高代码的可阅读性

缺点

接口暴增，类膨胀问题。
内存泄漏问题。由于P和V是互相引用，如果页面销毁时P还有正在进行的任务，那Activity无法回收，就发生了内存泄漏。

MVP 例子

具体操作思路：MVP把Activity中的UI逻辑抽象成View接口，把业务逻辑抽象成Presenter接口，Model类还是原来的Model。在MVP模式中Activity的功能就是响应生命周期和显示界面，具体其他的工作都丢到了Presenter层中进行完成，Presenter其实是Model层和View层的桥梁。下面的例子解决了内存泄漏问题

BaseView

界面需要提供的UI方法中会有很多类似的UI方法，可以把它们提取到一个公共的父类接口中。比如提取显示loading界面和隐藏loading界面的方法，其他的view层接口就可以直接继承BaseView接口，不必重复的写显示和隐藏loading界面方法。

public interface BaseView {void  showLoading();void hideLoading();void showMessage(String message);
}

BasePresenter

共有的功能：添加view的绑定与销毁。解决内存泄漏问题。

public abstract class BasePresenter <V extends BaseView>{private V mView;/***  绑定 View* @param mView*/public void attachMView(V mView){this.mView=mView;}/*** 解绑View*/public void detachMView(){mView=null;}public V getMView() {return mView;}
}

BaseActivity

共有的功能：Presenter绑定到activity，View的绑定和解绑操作。

public abstract class BaseActivity<V extends BaseView,P extends BasePresenter<V>> extends AppCompatActivity {protected P mPresenter;@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);if (mPresenter==null){mPresenter=initPresenter();}mPresenter.attachMView((V) this);}@Overrideprotected void onDestroy() {super.onDestroy();if (mPresenter!=null){mPresenter.detachMView();}}// 初始化presenterprotected abstract P initPresenter();
}

登录为例

LoginView

public interface LoginView extends BaseView {void onResultSuccess(User user);void onResultFail(String errorMessage);
}

LoginPresenter

public class LoginPresenter extends BasePresenter<LoginView> {public void request_login(String name, String pwd) {NetWorkManager.getInstance().getApiService().login(name, pwd).compose(SchedulerProvider.getInstance().applySchedulers()).subscribe(new Observer<ApiResponse<User>>() {@Overridepublic void onSubscribe(@NonNull Disposable d) {if (getMView()!=null){getMView().showLoading();}}@Overridepublic void onNext(@NonNull ApiResponse<User> userApiResponse) {if (getMView()!=null){getMView().hideLoading();if (userApiResponse.getErrorCode()==0){getMView().onResultSuccess(userApiResponse.getData());}else {getMView().showMessage(userApiResponse.getErrorMsg());}}}@Overridepublic void onError(@NonNull Throwable e) {if (getMView()!=null){getMView().hideLoading();getMView().onResultFail(e.getMessage());}}@Overridepublic void onComplete() {}});}
}

LoginActivity

public class LoginActivity extends BaseActivity<LoginView,LoginPresenter> implements LoginView{private EditText etName;private EditText etPassword;private Button btn_login;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_login);initView();}@Overrideprotected LoginPresenter initPresenter() {return new LoginPresenter();}private void initView() {etName = findViewById(R.id.etName);etPassword = findViewById(R.id.etPassword);btn_login = findViewById(R.id.btn_login);btn_login.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {login();}});}private void  login(){String username=etName.getText().toString();String passWord=etPassword.getText().toString();mPresenter.request_login(username,passWord);}@Overridepublic void onResultSuccess(User user) {showMessage(user.toString());}@Overridepublic void onResultFail(String errorMessage) {}@Overridepublic void showLoading() {}@Overridepublic void hideLoading() {}@Overridepublic void showMessage(String message) {Toast.makeText(this,message,Toast.LENGTH_SHORT).show();}}

以上就是以登录为例MVP例子。完整代码

效果图：

MVVM

MVVM 通过双向绑定的机制，实现数据和UI内容，只要想改其中一方，另一方都能够及时更新的一种设计理念。

模型

View

主要是指Activity或者Fragment,负责页面的展示以及View的变化，不参与任何逻辑和数据的处理。

ViewModel

主要负责业务逻辑和数据处理，本身不持有View层引用。

Model

实体类JavaBean。主要负责从本地数据库或者远程服务器来获取数据。

优缺点

优点

双向绑定技术，当Model变化时，View-Model会自动更新，View也会自动变化。
View的功能进一步的强化，具有控制的部分功能。

缺点

数据绑定增加Bug调试难度
数据双向绑定不利于View重用

小结

MVVM的本质是数据驱动，把解耦做的更彻底，viewModel不持有view。View产生事件，使用 ViewModel进行逻辑处理后，通知Model更新数据，Model把更新的数据给ViewModel，ViewModel自动通知View更新界面，而不是主动调用View的方法。

MVVM例子

采用google官方推荐的MVVM 框架：

View 层：BaseActivity

在BaseActivity 主要处理了初始化viewModel, viewModel 和lifecycle 生命周期绑定等工作。

open class BaseActivity <VM : BaseViewModel>: AppCompatActivity(){lateinit var mViewModel: VMoverride fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)initViewModel()createObserve()}/** 提供编写LiveData监听逻辑的方法 */open fun createObserve() {mViewModel.apply {exception.observe(this@BaseActivity) {LogUtil.e("网络请求错误：${it.message}")when (it) {is SocketTimeoutException -> ToastUtil.showShort(this@BaseActivity,"网络超时")is ConnectException, is UnknownHostException -> ToastUtil.showShort(this@BaseActivity,"网络连接异常")else -> ToastUtil.showShort(this@BaseActivity, it.message ?: "网络错误")}}complete.observe(this@BaseActivity){// todo 请求完成工作}}}open fun providerVMClass(): Class<VM>? = nullprivate fun initViewModel() {providerVMClass()?.let {mViewModel = ViewModelProvider(this).get(it)lifecycle.addObserver(mViewModel)}}override fun onDestroy() {super.onDestroy()lifecycle.removeObserver(mViewModel)}
}

providerVMClass()方法中通过BaseViewModel子类泛型类型参数获取Class，在通过 ViewModelProviders.of(this).get(it)实例化ViewModel。

ViewModel 层：BaseViewModel

open class BaseViewModel :ViewModel(),LifecycleObserver{/** 请求异常（服务器请求失败，譬如：服务器连接超时等） */val exception = MutableLiveData<Exception>()/** 请求完成 */val complete=MutableLiveData<Int>()/*** 启动协程，封装了viewModelScope.launch** @param tryBlock try语句运行的函数**/fun launch(tryBlock: suspend CoroutineScope.() -> Unit) {// 默认是执行在主线程，相当于launch(Dispatchers.Main)viewModelScope.launch {try {tryBlock()} catch (e: Exception) {exception.value = e} finally {complete.value=0}}}
}

BaseViewModel 里主要做了协程请求数据状态封装。使用LiveData及时通知数据更新。

Model(Repository) 层：BaseRepository

主要是获取ApiService和网络请求订阅容器，方便管理网络请求。

open class BaseRepository {suspend fun <T> apiCall(api: suspend () -> ApiResponse<T>): ApiResponse<T> {return withContext(Dispatchers.IO) { api.invoke() }}
}

以登录为例

LoginViewModel

class LoginViewModel :BaseViewModel() {// 获取 用户名val userName =ObservableField<String>()// 获取 密码val passWord = ObservableField<String>()// 登录结果liveDataprivate var  loginResultData=MutableLiveData<ApiResponse<User>>()// 对外提供获取登录结果方法fun getLoginResult()=loginResultDatafun login(userName:String,pwd:String)=launch{// 网络请求val loginResult=ApiManager.login(userName,pwd)// 传递登录结果值loginResultData.postValue(loginResult)}
}

LoginViewModel中持有数据观察容器LiveData和真正发起网络请求动作，在接收到服务端返回的数据通过loginResultData.postValue(loginResult)通知Observer数据的更改，此处需注意的是，setValue方法只能在主线程中调用，postValue可以在任何线程中调用，如果是在后台子线程中更新LiveData的值，必须调用postValue。

LoginActivity

class LoginActivity : BaseActivity<LoginViewModel>() {private lateinit var mBinding: ActivityLoginBindingoverride fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)// 使用 DataBinding 双向绑定mBinding=DataBindingUtil.setContentView<ActivityLoginBinding>(this,R.layout.activity_login)initView()// DataBinding 关联ViewModelmBinding.viewModel=mViewModel}override fun providerVMClass(): Class<LoginViewModel>? {return LoginViewModel::class.java}private fun initView() {mBinding.btnLogin.setOnClickListener {// 发起登录请求mViewModel.login(mViewModel.userName.get()!!,mViewModel.passWord.get()!!)}// 登录结果mViewModel.getLoginResult().observe(this){ToastUtil.showShortInCenter(this@LoginActivity, it.errorMsg)}}}

LoginActivity的工作是UI初始化,发请网络请求以及数据观察更新UI。

activity_login

<?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><variablename="viewModel"type="com.xf.mvvmexample.ui.LoginViewModel" /></data><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><EditTextandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginStart="15dp"android:layout_marginTop="30dp"android:layout_marginEnd="15dp"android:hint="请输入名字"android:text="@={viewModel.userName}"android:textSize="15sp" /><EditTextandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginStart="15dp"android:layout_marginTop="30dp"android:layout_marginEnd="15dp"android:inputType="textPassword"android:hint="请输入密码"android:text="@={viewModel.passWord}"android:textSize="15sp" /><Buttonandroid:id="@+id/btn_login"android:layout_width="match_parent"android:layout_height="50dp"android:layout_marginTop="50dp"android:textColor="@color/white"android:text="登录"android:layout_marginEnd="15dp"android:layout_marginStart="15dp" /></LinearLayout>
</layout>

使用DataBinding进行数据和UI双向绑定，及时获取数据。以上就是MVVM架构，实现登录功能。完整代码

效果：