1. 程式人生 > >框架模式 MVC 在Android中的使用

框架模式 MVC 在Android中的使用

算來學習Android開發已有2年的歷史了,在這2年的學習當中,基本掌握了Android的基礎知識。越到後面的學習越感覺困難,一來是自認為android沒啥可學的了(自認為的,其實還有很多知識科學),二來網路上的很多框架已經幫我們做了太多的事情了,我們只需要畫畫UI就可以了,感覺Android開發沒有太多的技術含金量。最近閒來無事,開始總結之前學過的知識點,想著是否應該學點其他的東西呢?總不能侷限於Android基礎知識吧。慢慢的探索發現在大的專案工程中,一個好的框架,好的設計模式,能減少很大的工作量。因此接下來兩篇部落格來學習一下Android中常用的兩種框架設計模式 MVC和MVP。

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

package com.xjp.androidmvcdemo.controller;
 
import android.app.Dialog;
import android.app.ProgressDialog;
import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.View;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;
 
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;
 
 
public class MainActivity extends ActionBarActivity implements OnWeatherListener, View.OnClickListener {
 
    private WeatherModel weatherModel;
    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(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        weatherModel = newWeatherModelImpl();
        initView();
    }
 
    /**
     * 初始化View
     */
    private void initView() {
        cityNOInput = findView(R.id.et_city_no);
        city = findView(R.id.tv_city);
        cityNO = findView(R.id.tv_city_no);
        temp = findView(R.id.tv_temp);
        wd = findView(R.id.tv_WD);
        ws = findView(R.id.tv_WS);
        sd = findView(R.id.tv_SD);
        wse = findView(R.id.tv_WSE);
        time = findView(R.id.tv_time);
        njd = findView(R.id.tv_njd);
        findView(R.id.btn_go).setOnClickListener(this);
 
        loadingDialog = newProgressDialog(this);
        loadingDialog.setTitle(載入天氣中...);
 
 
    }
 
    /**
     * 顯示結果
     *
     * @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();
    }
 
 
    @Override
    public void onClick(View v) {
        switch(v.getId()) {
            caseR.id.btn_go:
                loadingDialog.show();
                weatherModel.getWeather(cityNOInput.getText().toString().trim(),this);
                break;
        }
    }
 
    @Override
    public void onSuccess(Weather weather) {
        hideLoadingDialog();
        displayResult(weather);
    }
 
    @Override
    public void onError() {
        hideLoadingDialog();
        Toast.makeText(this, 獲取天氣資訊失敗, Toast.LENGTH_SHORT).show();
    }
 
    private T findView(intid) {
        return(T) findViewById(id);
    }
 
}

從上面程式碼可以看到,Activity持有了WeatherModel模型的物件,當用戶有點選Button互動的時候,Activity作為Controller控制層讀取View檢視層EditTextView的資料,然後向Model模型發起資料請求,也就是呼叫WeatherModel物件的方法 getWeathre()方法。當Model模型處理資料結束後,通過介面OnWeatherListener通知View檢視層資料處理完畢,View檢視層該更新介面UI了。然後View檢視層呼叫displayResult()方法更新UI。至此,整個MVC框架流程就在Activity中體現出來了。

Model模型

來看看WeatherModelImpl程式碼實現

package com.xjp.androidmvcdemo.model;
 
/**
 * Description:請求網路資料介面
 * User: xjp
 * Date: 2015/6/3
 * Time: 15:40
 */
 
public interface WeatherModel {
    voidgetWeather(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, finalOnWeatherListener listener) {
 
        /*資料層操作*/
        VolleyRequest.newInstance().newGsonRequest(http://www.weather.com.cn/data/sk/ + cityNumber + .html,
                Weather.class,newResponse.Listener() {
                    @Override
                    publicvoidonResponse(Weather weather) {
                        if(weather != null) {
                            listener.onSuccess(weather);
                        }else{
                            listener.onError();
                        }
                    }
                },newResponse.ErrorListener() {
                    @Override
                    public void onErrorResponse(VolleyError error) {
                        listener.onError();
                    }
                });
    }
}

以上程式碼看出,這裡設計了一個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三個模組,利於程式碼的維護。

原文地址:http://www.2cto.com/kf/201506/405766.html