框架模式MVC 在Android中的使用

woff

最近閒來無事，開始總結之前學過的知識點，想著是否應該學點其他的東西呢？總不能局限於Android基礎知識吧。慢慢的探索發現在大的項目工程中，一個好的框架，好的設計模式，能減少很大的工作量。因此接下來兩篇博客來學習一下Android中常用的兩種框架設計模式MVC和MVP。

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控制器

1. package com.xjp.androidmvcdemo.controller;
   
2. 
   
3. import android.app.Dialog;
   
4. import android.app.ProgressDialog;
   
5. import android.os.Bundle;
   
6. import android.support.v7.app.ActionBarActivity;
   
7. import android.view.View;
   
8. import android.widget.EditText;
   
9. import android.widget.TextView;
   
10. import android.widget.Toast;
    
11. 
    
12. import com.xjp.androidmvcdemo.R;
    
13. import com.xjp.androidmvcdemo.entity.Weather;
    
14. import com.xjp.androidmvcdemo.entity.WeatherInfo;
    
15. import com.xjp.androidmvcdemo.model.OnWeatherListener;
    
16. import com.xjp.androidmvcdemo.model.WeatherModel;
    
17. import com.xjp.androidmvcdemo.model.WeatherModelImpl;
    
18. 
    
19. 
    
20. public class MainActivity extends ActionBarActivity implements OnWeatherListener, View.OnClickListener {
    
21. 
    
22.     private WeatherModel weatherModel;
    
23.     private Dialog loadingDialog;
    
24.     private EditText cityNOInput;
    
25.     private TextView city;
    
26.     private TextView cityNO;
    
27.     private TextView temp;
    
28.     private TextView wd;
    
29.     private TextView ws;
    
30.     private TextView sd;
    
31.     private TextView wse;
    
32.     private TextView time;
    
33.     private TextView njd;
    
34. 
    
35.     @Override
    
36.     protected void onCreate(Bundle savedInstanceState) {
    
37.         super.onCreate(savedInstanceState);
    
38.         setContentView(R.layout.activity_main);
    
39.         weatherModel = new WeatherModelImpl();
    
40.         initView();
    
41.     }
    
42. 
    
43.     /**
    
44.      * 初始化View
    
45.      */
    
46.     private void initView() {
    
47.         cityNOInput = findView(R.id.et_city_no);
    
48.         city = findView(R.id.tv_city);
    
49.         cityNO = findView(R.id.tv_city_no);
    
50.         temp = findView(R.id.tv_temp);
    
51.         wd = findView(R.id.tv_WD);
    
52.         ws = findView(R.id.tv_WS);
    
53.         sd = findView(R.id.tv_SD);
    
54.         wse = findView(R.id.tv_WSE);
    
55.         time = findView(R.id.tv_time);
    
56.         njd = findView(R.id.tv_njd);
    
57.         findView(R.id.btn_go).setOnClickListener(this);
    
58. 
    
59.         loadingDialog = new ProgressDialog(this);
    
60.         loadingDialog.setTitle("加载天气中...");
    
61. 
    
62. 
    
63.     }
    
64. 
    
65.     /**
    
66.      * 显示结果
    
67.      *
    
68.      * @param weather
    
69.      */
    
70.     public void displayResult(Weather weather) {
    
71.         WeatherInfo weatherInfo = weather.getWeatherinfo();
    
72.         city.setText(weatherInfo.getCity());
    
73.         cityNO.setText(weatherInfo.getCityid());
    
74.         temp.setText(weatherInfo.getTemp());
    
75.         wd.setText(weatherInfo.getWD());
    
76.         ws.setText(weatherInfo.getWS());
    
77.         sd.setText(weatherInfo.getSD());
    
78.         wse.setText(weatherInfo.getWSE());
    
79.         time.setText(weatherInfo.getTime());
    
80.         njd.setText(weatherInfo.getNjd());
    
81.     }
    
82. 
    
83.     /**
    
84.      * 隐藏进度对话框
    
85.      */
    
86.     public void hideLoadingDialog() {
    
87.         loadingDialog.dismiss();
    
88.     }
    
89. 
    
90. 
    
91.     @Override
    
92.     public void onClick(View v) {
    
93.         switch (v.getId()) {
    
94.             case R.id.btn_go:
    
95.                 loadingDialog.show();
    
96.                 weatherModel.getWeather(cityNOInput.getText().toString().trim(), this);
    
97.                 break;
    
98.         }
    
99.     }
    
100. 
     
101.     @Override
     
102.     public void onSuccess(Weather weather) {
     
103.         hideLoadingDialog();
     
104.         displayResult(weather);
     
105.     }
     
106. 
     
107.     @Override
     
108.     public void onError() {
     
109.         hideLoadingDialog();
     
110.         Toast.makeText(this, "获取天气信息失败", Toast.LENGTH_SHORT).show();
     
111.     }
     
112. 
     
113.     private <T extends View> T findView(int id) {
     
114.         return (T) findViewById(id);
     
115.     }
     
116. 
     
117. }

複製代碼

從上面代碼可以看到，Activity持有了WeatherModel模型的對象，當用戶有點擊Button交互的時候，Activity作為Controller控制層讀取View視圖層EditTextView的數據，然後向Model模型發起數據請求，也就是調用WeatherModel對象的方法getWeathre（）方法。當Model模型處理數據結束後，通過接口OnWeatherListener通知View視圖層數據處理完畢，View視圖層該更新界面UI了。然後View視圖層調用displayResult（）方法更新UI。至此，整個MVC框架流程就在Activity中體現出來了。

Model模型

來看看WeatherModelImpl代碼實現

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. 
    
14. ................
    
15. 
    
16. 
    
17. package com.xjp.androidmvcdemo.model;
    
18. 
    
19. import com.android.volley.Response;
    
20. import com.android.volley.VolleyError;
    
21. import com.xjp.androidmvcdemo.entity.Weather;
    
22. import com.xjp.androidmvcdemo.volley.VolleyRequest;
    
23. 
    
24. /**
    
25. * Description:从网络获取天气信息接口实现
    
26. * User: xjp
    
27. * Date: 2015/6/3
    
28. * Time: 15:40
    
29. */
    
30. 
    
31. public class WeatherModelImpl implements WeatherModel {
    
32. 
    
33.     @Override
    
34.     public void getWeather(String cityNumber, final OnWeatherListener listener) {
    
35. 
    
36.         /*数据层操作*/
    
37.         VolleyRequest.newInstance().newGsonRequest("http://www.weather.com.cn/data/sk/" + cityNumber + ".html",
    
38.                 Weather.class, new Response.Listener<Weather>() {
    
39.                     @Override
    
40.                     public void onResponse(Weather weather) {
    
41.                         if (weather != null) {
    
42.                             listener.onSuccess(weather);
    
43.                         } else {
    
44.                             listener.onError();
    
45.                         }
    
46.                     }
    
47.                 }, new Response.ErrorListener() {
    
48.                     @Override
    
49.                     public void onErrorResponse(VolleyError error) {
    
50.                         listener.onError();
    
51.                     }
    
52.                 });
    
53.     }
    
54. }

複製代碼

以上代碼看出，這裡設計了一個WeatherModel模型接口，然後實現了接口WeatherModelImpl類。controller控制器activity調用WeatherModelImpl類中的方法發起網絡請求，然後通過實現OnWeatherListener接口來獲得網絡請求的結果通知View視圖層更新UI 。至此，Activity就將View視圖顯示和Model模型數據處理隔離開了。activity擔當contronller完成了model和view之間的協調作用。

至於這里為什麼不直接設計成類裡面的一個getWeather（）方法直接請求網絡數據？你考慮下這種情況：現在代碼中的網絡請求是使用Volley框架來實現的，如果哪天老闆非要你使用Afinal框架實現網絡請求，你怎麼解決問題？難道是修改getWeather（）方法的實現？no no no，這樣修改不僅破壞了以前的代碼，而且還不利於維護， 考慮到以後代碼的擴展和維護性，我們選擇設計接口的方式來解決著一個問題，我們實現另外一個WeatherModelWithAfinalImpl類，繼承自WeatherModel，重寫裡面的方法，這樣不僅保留了以前的WeatherModelImpl類請求網絡方式，還增加了WeatherModelWithAfinalImpl類的請求方式。Activity調用代碼無需要任何修改。

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三個模塊，利於代碼的維護。
文章來源

源碼示例下載