TShopping

 找回密碼
 註冊
搜索
查看: 205|回復: 0

[教學] 框架模式MVC 在Android中的使用

[複製鏈接]
發表於 2016-8-3 00:01:54 | 顯示全部樓層 |閱讀模式
 
Push to Facebook Push to Plurk Push to Twitter 
最近閒來無事,開始總結之前學過的知識點,想著是否應該學點其他的東西呢?總不能局限於Android基礎知識吧。慢慢的探索發現在大的項目工程中,一個好的框架,好的設計模式,能減少很大的工作量。因此接下來兩篇博客來學習一下Android中常用的兩種框架設計模式MVC和MVP。

MVC概念
1.jpg

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。先上一個界面圖:
2.jpg

這裡寫圖片描述

Controller控制器

  1. package com.xjp.androidmvcdemo.controller;

  2. import android.app.Dialog;
  3. import android.app.ProgressDialog;
  4. import android.os.Bundle;
  5. import android.support.v7.app.ActionBarActivity;
  6. import android.view.View;
  7. import android.widget.EditText;
  8. import android.widget.TextView;
  9. 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;


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

  17.     private WeatherModel weatherModel;
  18.     private Dialog loadingDialog;
  19.     private EditText cityNOInput;
  20.     private TextView city;
  21.     private TextView cityNO;
  22.     private TextView temp;
  23.     private TextView wd;
  24.     private TextView ws;
  25.     private TextView sd;
  26.     private TextView wse;
  27.     private TextView time;
  28.     private TextView njd;

  29.     @Override
  30.     protected void onCreate(Bundle savedInstanceState) {
  31.         super.onCreate(savedInstanceState);
  32.         setContentView(R.layout.activity_main);
  33.         weatherModel = new WeatherModelImpl();
  34.         initView();
  35.     }

  36.     /**
  37.      * 初始化View
  38.      */
  39.     private void initView() {
  40.         cityNOInput = findView(R.id.et_city_no);
  41.         city = findView(R.id.tv_city);
  42.         cityNO = findView(R.id.tv_city_no);
  43.         temp = findView(R.id.tv_temp);
  44.         wd = findView(R.id.tv_WD);
  45.         ws = findView(R.id.tv_WS);
  46.         sd = findView(R.id.tv_SD);
  47.         wse = findView(R.id.tv_WSE);
  48.         time = findView(R.id.tv_time);
  49.         njd = findView(R.id.tv_njd);
  50.         findView(R.id.btn_go).setOnClickListener(this);

  51.         loadingDialog = new ProgressDialog(this);
  52.         loadingDialog.setTitle("加载天气中...");


  53.     }

  54.     /**
  55.      * 显示结果
  56.      *
  57.      * @param weather
  58.      */
  59.     public void displayResult(Weather weather) {
  60.         WeatherInfo weatherInfo = weather.getWeatherinfo();
  61.         city.setText(weatherInfo.getCity());
  62.         cityNO.setText(weatherInfo.getCityid());
  63.         temp.setText(weatherInfo.getTemp());
  64.         wd.setText(weatherInfo.getWD());
  65.         ws.setText(weatherInfo.getWS());
  66.         sd.setText(weatherInfo.getSD());
  67.         wse.setText(weatherInfo.getWSE());
  68.         time.setText(weatherInfo.getTime());
  69.         njd.setText(weatherInfo.getNjd());
  70.     }

  71.     /**
  72.      * 隐藏进度对话框
  73.      */
  74.     public void hideLoadingDialog() {
  75.         loadingDialog.dismiss();
  76.     }


  77.     @Override
  78.     public void onClick(View v) {
  79.         switch (v.getId()) {
  80.             case R.id.btn_go:
  81.                 loadingDialog.show();
  82.                 weatherModel.getWeather(cityNOInput.getText().toString().trim(), this);
  83.                 break;
  84.         }
  85.     }

  86.     @Override
  87.     public void onSuccess(Weather weather) {
  88.         hideLoadingDialog();
  89.         displayResult(weather);
  90.     }

  91.     @Override
  92.     public void onError() {
  93.         hideLoadingDialog();
  94.         Toast.makeText(this, "获取天气信息失败", Toast.LENGTH_SHORT).show();
  95.     }

  96.     private <T extends View> T findView(int id) {
  97.         return (T) findViewById(id);
  98.     }

  99. }
複製代碼


從上面代碼可以看到,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. * Description:请求网络数据接口
  4. * User: xjp
  5. * Date: 2015/6/3
  6. * Time: 15:40
  7. */

  8. public interface WeatherModel {
  9.     void getWeather(String cityNumber, OnWeatherListener listener);
  10. }

  11. ................


  12. package com.xjp.androidmvcdemo.model;

  13. import com.android.volley.Response;
  14. import com.android.volley.VolleyError;
  15. import com.xjp.androidmvcdemo.entity.Weather;
  16. import com.xjp.androidmvcdemo.volley.VolleyRequest;

  17. /**
  18. * Description:从网络获取天气信息接口实现
  19. * User: xjp
  20. * Date: 2015/6/3
  21. * Time: 15:40
  22. */

  23. public class WeatherModelImpl implements WeatherModel {

  24.     @Override
  25.     public void getWeather(String cityNumber, final OnWeatherListener listener) {

  26.         /*数据层操作*/
  27.         VolleyRequest.newInstance().newGsonRequest("http://www.weather.com.cn/data/sk/" + cityNumber + ".html",
  28.                 Weather.class, new Response.Listener<Weather>() {
  29.                     @Override
  30.                     public void onResponse(Weather weather) {
  31.                         if (weather != null) {
  32.                             listener.onSuccess(weather);
  33.                         } else {
  34.                             listener.onError();
  35.                         }
  36.                     }
  37.                 }, new Response.ErrorListener() {
  38.                     @Override
  39.                     public void onErrorResponse(VolleyError error) {
  40.                         listener.onError();
  41.                     }
  42.                 });
  43.     }
  44. }
複製代碼


以上代碼看出,這裡設計了一個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三個模塊,利於代碼的維護。
文章來源

源碼示例下載

 

臉書網友討論
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2016-12-6 06:36 , Processed in 0.059000 second(s), 25 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表