Android之MVC设计模式

MVC概念

MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。其中M层处理数据，业务逻辑等；V层处理界面的显示结果；C层起到桥梁的作用，来控制V层和M层通信以此来达到分离视图显示和业务逻辑层。说了这么多，听着感觉很抽象，废话不多说，我们来看看MVC在Android开发中是怎么应用的吧！

MVC for Android

在Android开发中，比较流行的开发框架模式采用的是MVC框架模式，采用MVC模式的好处是便于UI界面部分的显示和业务逻辑，数据处理分开。那么Android项目中哪些代码来充当M,V,C角色呢？

M层：适合做一些业务逻辑处理，比如数据库存取操作，网络操作，复杂的算法，耗时的任务等都在model层处理。 V层：应用层中处理数据显示的部分，XML布局可以视为V层，显示Model层的数据结果。 C层：在Android中，Activity处理用户交互问题，因此可以认为Activity是控制器，Activity读取V视图层的数据（eg.读取当前EditText控件的数据），控制用户输入（eg.EditText控件数据的输入），并向Model发送数据请求（eg.发起网络请求等）。

接下来我们通过一个获取天气预报数据的小项目来解读 MVC for Android。先上一个界面图：

Controller控制器

[java] view plain copy

1. import android.app.Dialog;  

2. import android.app.ProgressDialog;  

3. import android.os.Bundle;  

4. import android.support.v7.app.ActionBarActivity;  

5. import android.view.View;  

6. import android.widget.EditText;  

7. import android.widget.TextView;  

8. import android.widget.Toast;  

10. import com.xjp.androidmvcdemo.R;  

11. import com.xjp.androidmvcdemo.entity.Weather;  

12. import com.xjp.androidmvcdemo.entity.WeatherInfo;  

13. import com.xjp.androidmvcdemo.model.OnWeatherListener;  

14. import com.xjp.androidmvcdemo.model.WeatherModel;  

15. import com.xjp.androidmvcdemo.model.WeatherModelImpl;  

18. public class MainActivity extends ActionBarActivity implements OnWeatherListener, View.OnClickListener {  

20.     private WeatherModel weatherModel;  

21.     private Dialog loadingDialog;  

22.     private EditText cityNOInput;  

23.     private TextView city;  

24.     private TextView cityNO;  

25.     private TextView temp;  

26.     private TextView wd;  

27.     private TextView ws;  

28.     private TextView sd;  

29.     private TextView wse;  

30.     private TextView time;  

31.     private TextView njd;  

33.     @Override  

34.     protected void onCreate(Bundle savedInstanceState) {  

35.         super.onCreate(savedInstanceState);  

36.         setContentView(R.layout.activity_main);  

37.         weatherModel = new WeatherModelImpl();  

38.         initView();  

39.     }  

40.    

41.     /** 

42.      * 初始化View 

43.      */  

44.     private void initView() {  

45.         cityNOInput = findView(R.id.et_city_no);  

46.         city = findView(R.id.tv_city);  

47.         cityNO = findView(R.id.tv_city_no);  

48.         temp = findView(R.id.tv_temp);  

49.         wd = findView(R.id.tv_WD);  

50.         ws = findView(R.id.tv_WS);  

51.         sd = findView(R.id.tv_SD);  

52.         wse = findView(R.id.tv_WSE);  

53.         time = findView(R.id.tv_time);  

54.         njd = findView(R.id.tv_njd);  

55.         findView(R.id.btn_go).setOnClickListener(this);  

56.    

57.         loadingDialog = new ProgressDialog(this);  

58.         loadingDialog.setTitle(加载天气中...);  

61.     }  

62.    

63.     /** 

64.      * 显示结果 

65.      * 

66.      * @param weather 

67.      */  

68.     public void displayResult(Weather weather) {  

69.         WeatherInfo weatherInfo = weather.getWeatherinfo();  

70.         city.setText(weatherInfo.getCity());  

71.         cityNO.setText(weatherInfo.getCityid());  

72.         temp.setText(weatherInfo.getTemp());  

73.         wd.setText(weatherInfo.getWD());  

74.         ws.setText(weatherInfo.getWS());  

75.         sd.setText(weatherInfo.getSD());  

76.         wse.setText(weatherInfo.getWSE());  

77.         time.setText(weatherInfo.getTime());  

78.         njd.setText(weatherInfo.getNjd());  

79.     }  

80.    

81.     /** 

82.      * 隐藏进度对话框 

83.      */  

84.     public void hideLoadingDialog() {  

85.         loadingDialog.dismiss();  

86.     }  

87.    

88.    

89.     @Override  

90.     public void onClick(View v) {  

91.         switch (v.getId()) {  

92.             case R.id.btn_go:  

93.                 loadingDialog.show();  

94.                 weatherModel.getWeather(cityNOInput.getText().toString().trim(), this);  

95.                 break;  

96.         }  

97.     }  

98.    

99.     @Override  

100.     public void onSuccess(Weather weather) {  

101.         hideLoadingDialog();  

102.         displayResult(weather);  

103.     }  

104.    

105.     @Override  

106.     public void onError() {  

107.         hideLoadingDialog();  

108.         Toast.makeText(this, 获取天气信息失败, Toast.LENGTH_SHORT).show();  

109.     }  

110.    

111.     private <t extends="" view=""> T findView(int id) {  

112.         return (T) findViewById(id);  

113.     }  

114.    

115. }  

从上面代码可以看到，Activity持有了WeatherModel模型的对象，当用户有点击Button交互的时候，Activity作为Controller控制层读取View视图层EditTextView的数据，然后向Model模型发起数据请求，也就是调用WeatherModel对象的方法 getWeathre（）方法。当Model模型处理数据结束后，通过接口OnWeatherListener通知View视图层数据处理完毕，View视图层该更新界面UI了。然后View视图层调用displayResult（）方法更新UI。至此，整个MVC框架流程就在Activity中体现出来了。

Model模型

来看看WeatherModelImpl代码实现

[java] view plain copy

1. package com.xjp.androidmvcdemo.model;  

2.    

3. /** 

4.  * Description:请求网络数据接口 

5.  * User: xjp 

6.  * Date: 2015/6/3 

7.  * Time: 15:40 

8.  */  

9.    

10. public interface WeatherModel {  

11.     void getWeather(String cityNumber, OnWeatherListener listener);  

12. }    

13. package com.xjp.androidmvcdemo.model;  

14.    

15. import com.android.volley.Response;  

16. import com.android.volley.VolleyError;  

17. import com.xjp.androidmvcdemo.entity.Weather;  

18. import com.xjp.androidmvcdemo.volley.VolleyRequest;  

19.    

20. /** 

21.  * Description:从网络获取天气信息接口实现 

22.  * User: xjp 

23.  * Date: 2015/6/3 

24.  * Time: 15:40 

25.  */  

26.    

27. public class WeatherModelImpl implements WeatherModel {  

28.    

29.     @Override  

30.     public void getWeather(String cityNumber, final OnWeatherListener listener) {  

31.    

32.         /*数据层操作*/  

33.         VolleyRequest.newInstance().newGsonRequest(http://www.weather.com.cn/data/sk/ + cityNumber + .html,  

34.                 Weather.class, new Response.Listener<weather>() {  

35.                     @Override  

36.                     public void onResponse(Weather weather) {  

37.                         if (weather != null) {  

38.                             listener.onSuccess(weather);  

39.                         } else {  

40.                             listener.onError();  

41.                         }  

42.                     }  

43.                 }, new Response.ErrorListener() {  

44.                     @Override  

45.                     public void onErrorResponse(VolleyError error) {  

46.                         listener.onError();  

47.                     }  

48.                 });  

49.     }  

50. }  

以上代码看出，这里设计了一个WeatherModel模型接口，然后实现了接口WeatherModelImpl类。controller控制器activity调用WeatherModelImpl类中的方法发起网络请求，然后通过实现OnWeatherListener接口来获得网络请求的结果通知View视图层更新UI 。至此，Activity就将View视图显示和Model模型数据处理隔离开了。activity担当contronller完成了model和view之间的协调作用。

MVC使用总结

利用MVC设计模式，使得这个天气预报小项目有了很好的可扩展和维护性，当需要改变UI显示的时候，无需修改Contronller（控制器）Activity的代码和Model（模型）WeatherModel模型中的业务逻辑代码，很好的将业务逻辑和界面显示分离。

在Android项目中，业务逻辑，数据处理等担任了Model（模型）角色，XML界面显示等担任了View（视图）角色，Activity担任了Contronller（控制器）角色。contronller（控制器）是一个中间桥梁的作用，通过接口通信来协同 View（视图）和Model（模型）工作，起到了两者之间的通信作用。

什么时候适合使用MVC设计模式？当然一个小的项目且无需频繁修改需求就不用MVC框架来设计了，那样反而觉得代码过度设计，代码臃肿。一般在大的项目中，且业务逻辑处理复杂，页面显示比较多，需要模块化设计的项目使用MVC就有足够的优势了。

4.在MVC模式中我们发现，其实控制器Activity主要是起到解耦作用，将View视图和Model模型分离，虽然Activity起到交互作用，但是找Activity中有很多关于视图UI的显示代码，因此View视图和Activity控制器并不是完全分离的，也就是说一部分View视图和Contronller控制器Activity是绑定在一个类中的。

MVC的优点：

(1)耦合性低。所谓耦合性就是模块代码之间的关联程度。利用MVC框架使得View（视图）层和Model（模型）层可以很好的分离，这样就达到了解耦的目的，所以耦合性低，减少模块代码之间的相互影响。

(2)可扩展性好。由于耦合性低，添加需求，扩展代码就可以减少修改之前的代码，降低bug的出现率。

(3)模块职责划分明确。主要划分层M,V,C三个模块，利于代码的维护。