設計模式MVC for Android

設計模式MVC for Android

算來學習Android開發已有2年的曆史了，在這2年的學習當中，基本掌握了Android的基礎知識。越到後面的學習越感覺困難，一來是自認為android沒啥可學的了（自認為的，其實還有很多知識科學），二來網路上的很多架構已經幫我們做了太多的事情了，我們只需要畫畫UI就可以了，感覺Android開發沒有太多的技術含金量。最近閑來無事，開始總結之前學過的知識點，想著是否應該學點其他的東西呢？總不能局限於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層：介面UI的顯示，XML布局可以視為V層，當然還包括對介面UI顯示邏輯處理資料的結果的作業碼。 C層：在Android中，Activity可以認為是控制器，Activity發起商務邏輯請求處理，等待業務處理結果，然後將結果通知View更新介面。

接下來我們通過一個擷取天氣預報資料的小項目來解讀 MVC for Android。先上一個介面圖：

我們開始寫代碼，先從Activity實現看起：<喎?http://www.bkjia.com/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxwcmUgY2xhc3M9"brush:java;">package com.xjp.androidmvcdemo.controller;import android.app.Dialog;import android.app.ProgressDialog;import android.os.Bundle;import android.support.annotation.Nullable;import android.support.v7.app.ActionBarActivity;import android.view.View;import android.widget.EditText;import android.widget.TextView;import com.xjp.androidmvcdemo.R;import com.xjp.androidmvcdemo.entity.Weather;import com.xjp.androidmvcdemo.entity.WeatherInfo;import com.xjp.androidmvcdemo.model.OnWeatherListener;import com.xjp.androidmvcdemo.model.WeatherModel;import com.xjp.androidmvcdemo.model.WeatherModelImpl;/** * Description: * User: xjp * Date: 2015/6/3 * Time: 16:26 */public class WeatherActivity extends ActionBarActivity { private Dialog loadingDialog; private EditText cityNOInput; private TextView city; private TextView cityNO; private TextView temp; private TextView wd; private TextView ws; private TextView sd; private TextView wse; private TextView time; private TextView njd; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); } /** * 初始化View */ private void initView() { cityNOInput = (EditText) findViewById(R.id.et_city_no); city = (TextView) findViewById(R.id.tv_city); cityNO = (TextView) findViewById(R.id.tv_city_no); temp = (TextView) findViewById(R.id.tv_temp); wd = (TextView) findViewById(R.id.tv_WD); ws = (TextView) findViewById(R.id.tv_WS); sd = (TextView) findViewById(R.id.tv_SD); wse = (TextView) findViewById(R.id.tv_WSE); time = (TextView) findViewById(R.id.tv_time); njd = (TextView) findViewById(R.id.tv_njd); loadingDialog = new ProgressDialog(this); loadingDialog.setTitle(載入天氣中...); findViewById(R.id.btn_go).setOnClickListener(this); } /** * 顯示結果 * * @param weather */ public void displayResult(Weather weather) { WeatherInfo weatherInfo = weather.getWeatherinfo(); city.setText(weatherInfo.getCity()); cityNO.setText(weatherInfo.getCityid()); temp.setText(weatherInfo.getTemp()); wd.setText(weatherInfo.getWD()); ws.setText(weatherInfo.getWS()); sd.setText(weatherInfo.getSD()); wse.setText(weatherInfo.getWSE()); time.setText(weatherInfo.getTime()); njd.setText(weatherInfo.getNjd()); }}@Override public void onClick(View v) { switch (v.getId()) { case R.id.btn_go: loadingDialog.show(); //執行網路請求 break; } }

從上面代碼可以看到，Activity負責了View視圖UI的響應事件和請求結果檢視顯示。以上代碼看起來貌似沒什麼問題，但是從代碼的可擴充性，可維護性考慮，這樣寫代碼就有弊端：當客戶的View視圖顯示需求發生改變之後，我們不得不去修改Activity中的代碼，來修改View視圖顯示。當介面顯示修改比較大的時候，Activity裡的代碼修改也很大，這麼一來導致Activity代碼臃腫，不利於維護，也很有可能在修改Activity的時候導致Activity中其他部分代碼出錯。因此，我們不提倡在Activity中來寫View介面顯示。根據MVC設計模式開發，將View視圖分離出來，減輕Activity的負擔，讓Activity來擔任Controller角色。看看代碼實現如下：

看看工程目錄結構

View視圖

package com.xjp.androidmvcdemo.view;import android.app.Dialog;import android.app.ProgressDialog;import android.support.v7.app.ActionBarActivity;import android.view.View;import android.widget.EditText;import android.widget.TextView;import com.xjp.androidmvcdemo.R;import com.xjp.androidmvcdemo.entity.Weather;import com.xjp.androidmvcdemo.entity.WeatherInfo;/** * Description:將天氣資訊顯示到View * User: xjp * Date: 2015/6/3 * Time: 14:55 */public class DisplayWeatherInfoView {    private ActionBarActivity activity;    RequestWeatherView iRequest;    private Dialog loadingDialog;    private EditText cityNOInput;    private TextView city;    private TextView cityNO;    private TextView temp;    private TextView wd;    private TextView ws;    private TextView sd;    private TextView wse;    private TextView time;    private TextView njd;    public DisplayWeatherInfoView(ActionBarActivity activity, RequestWeatherView iRequest) {        this.activity = activity;        this.iRequest = iRequest;        initView();    }    /**     * 初始化View     */    private void initView() {        cityNOInput = (EditText) activity.findViewById(R.id.et_city_no);        city = (TextView) activity.findViewById(R.id.tv_city);        cityNO = (TextView) activity.findViewById(R.id.tv_city_no);        temp = (TextView) activity.findViewById(R.id.tv_temp);        wd = (TextView) activity.findViewById(R.id.tv_WD);        ws = (TextView) activity.findViewById(R.id.tv_WS);        sd = (TextView) activity.findViewById(R.id.tv_SD);        wse = (TextView) activity.findViewById(R.id.tv_WSE);        time = (TextView) activity.findViewById(R.id.tv_time);        njd = (TextView) activity.findViewById(R.id.tv_njd);        loadingDialog = new ProgressDialog(activity);        loadingDialog.setTitle(載入天氣中...);        activity.findViewById(R.id.btn_go).setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                loadingDialog.show();                iRequest.sendRequest(cityNOInput.getText().toString().trim());            }        });    }    /**     * 顯示結果     *     * @param weather     */    public void displayResult(Weather weather) {        WeatherInfo weatherInfo = weather.getWeatherinfo();        city.setText(weatherInfo.getCity());        cityNO.setText(weatherInfo.getCityid());        temp.setText(weatherInfo.getTemp());        wd.setText(weatherInfo.getWD());        ws.setText(weatherInfo.getWS());        sd.setText(weatherInfo.getSD());        wse.setText(weatherInfo.getWSE());        time.setText(weatherInfo.getTime());        njd.setText(weatherInfo.getNjd());    }    /**     * 隱藏進度對話方塊     */    public void hideLoadingDialog() {        loadingDialog.dismiss();    }}

我們將View介面控制提成一個DisplayWeatherInfoView類，這個類實現了View的尋找初始化和View介面結果的顯示，以及View響應事件的介面。所有的介面操作都在這個類了。

Controller控制器

接下來看看Activity是怎麼調用DisplayWeatherInfoView類的。

package com.xjp.androidmvcdemo.controller;import android.os.Bundle;import android.support.v7.app.ActionBarActivity;import android.widget.Toast;import com.xjp.androidmvcdemo.R;import com.xjp.androidmvcdemo.model.OnWeatherListener;import com.xjp.androidmvcdemo.entity.Weather;import com.xjp.androidmvcdemo.model.WeatherModel;import com.xjp.androidmvcdemo.model.WeatherModelImpl;import com.xjp.androidmvcdemo.view.DisplayWeatherInfoView;import com.xjp.androidmvcdemo.view.RequestWeatherView;public class MainActivity extends ActionBarActivity implements RequestWeatherView, OnWeatherListener {    private DisplayWeatherInfoView displayView;    private static WeatherModel weatherModel = null;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        displayView = new DisplayWeatherInfoView(this, this);        if (null == weatherModel) {            weatherModel = new WeatherModelImpl();        }    }    @Override    public void sendRequest(String number) {        weatherModel.getWeather(number, this);    }    @Override    public void onSuccess(Weather weather) {        displayView.hideLoadingDialog();        displayView.displayResult(weather);    }    @Override    public void onError() {        displayView.hideLoadingDialog();        Toast.makeText(this, 擷取天氣資訊失敗, Toast.LENGTH_SHORT).show();    }}

以上代碼可以看出，Activity持有了DisplayWeatherInfoView對象引用，並且實現了RequestWeatherView控制項響應事件介面。當View視圖有類似使用者點擊響應事件的時候，會以介面通訊的方式通知Activity，View發生了使用者響應事件，讓Activity去做相應的處理，此時Activity充當Controller角色，來將使用者的響應請求發送到 model層，讓model層來處理網路請求。因此Activity 同時持有model的對象引用WeatherModelImpl。

Model模型

來看看WeatherModelImpl代碼實現

package com.xjp.androidmvcdemo.model;/** * Description:請求網路資料介面 * User: xjp * Date: 2015/6/3 * Time: 15:40 */public interface WeatherModel {    void getWeather(String cityNumber, OnWeatherListener listener);}................package com.xjp.androidmvcdemo.model;import com.android.volley.Response;import com.android.volley.VolleyError;import com.xjp.androidmvcdemo.entity.Weather;import com.xjp.androidmvcdemo.volley.VolleyRequest;/** * Description:從網路擷取天氣資訊介面實現 * User: xjp * Date: 2015/6/3 * Time: 15:40 */public class WeatherModelImpl implements WeatherModel {    @Override    public void getWeather(String cityNumber, final OnWeatherListener listener) {        /*資料層操作*/        VolleyRequest.newInstance().newGsonRequest(http://www.weather.com.cn/data/sk/ + cityNumber + .html,                Weather.class, new Response.Listener() {                    @Override                    public void onResponse(Weather weather) {                        if (weather != null) {                            listener.onSuccess(weather);                        } else {                            listener.onError();                        }                    }                }, new Response.ErrorListener() {                    @Override                    public void onErrorResponse(VolleyError error) {                        listener.onError();                    }                });    }}

以上代碼看出，這裡設計了一個WeatherModel模型介面，然後實現了介面WeatherModelImpl類。controller控制器activity調用WeatherModelImpl類中的方法發起網路請求，然後通過實現OnWeatherListener介面來獲得網路請求的結果，然後activity繼續調用DisplayWeatherInfoView中的displayView.displayResult(weather);方法將網路請求結果顯示到View介面 。至此，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就有足夠的優勢了。

MVC的優點：

(1)耦合性低。所謂耦合性就是模組代碼之間的關聯程度。利用MVC架構使得View（視圖）層和Model（模型）層可以很好的分離，這樣就達到瞭解耦的目的，所以耦合性低，減少模組代碼之間的相互影響。

(2)可擴充性好。由於耦合性低，添加需求，擴充代碼就可以減少修改之前的代碼，降低bug的出現率。

(3)模組職責劃分明確。主要劃分層M,V,C三個模組，利於代碼的維護。