Swift教程17-淡化MVC,使用MVVM框架開發輕巧便於維護的iOS app

時間 2019-11-20

標籤 swift 教程淡化 mvc 使用 mvvm 框架開發輕巧便於維護 ios app 欄目 Swift 简体版

原文原文鏈接

Swift教程17-淡化MVC,使用MVVM框架開發輕巧便於維護的iOS/android app php

MVVM是微軟提出一種移動開發框架,旨在針對傳統的MVC框架,解決傳統的MVC框架的控制器的臃腫問題.android

M:swift

Model模型,也就是數據模型;好比一條微博,對應的全部字段合成一條微博總體,這個總體就是Model數組

V:網絡

View視圖,只用來顯示的視圖,如 iOS的UIView,Cell;固然在 iOS中 Storyboard中,view老是和控制器關聯,這並非嚴格的view閉包

若是咱們純手寫代碼定義一個view那麼就是一個比較嚴格的view了app

VM:框架

ViewModel視圖模型,是將一個 View 和 Model進行綁定;起着橋樑的做用ide

例如一個微博 cell ,對應的數據綁定到一個 Model,將得到的數據綁定到Model個各個屬性上.函數

傳統的MVC中的 C表明控制器,負責邏輯處理和數據綁定,更新視圖;代碼過於複雜,維護會比較困難;

而MVVM框架則是,給 Controller控制器減負;

把網絡請求,數據綁定,更新視圖,都剝離出去;

是在 Controller中作的僅僅是簡單的跳轉和部分代理

比較符合MVVM開發框架的是使用TableView的控制器;Cell自定義;定義所需的Model;定義ViewModel調用對應的接口

下面來示範一個MVVM框架開發,帶有網絡請求的Demo

目錄說明:

Resourse:存放圖片,音頻視頻文件,IB文件

Controllers:存放視圖控制器

Vender:開源框架,或者本身封裝的組件

UtilTools:封裝的經常使用代碼,常量定義,配置文件等

ViewModel:根據不一樣的View獲取不一樣的數據而且綁定到Model中

View:自定義個視圖如 cell或者純手寫的view

Model:數據模型,就是View所需的全部字段的總體

實現效果:

一個tableView上顯示多條動態包括,圖片,文字;

技術要點:

MVVM框架

AFNetworking網絡請求

MBProgressHUD等待提示

自定義cell

Block閉包傳值,封裝代碼

實現過程:

1.導入Oc的相關框架

在Swift項目中新建一個Oc文件,系統詢問你是否新建一個橋接Oc的文件,選擇是,生成一個 Header.h文件;在其中導入對應的Oc的頭文件便可使用

如圖,工程中有一個 SwiftDemo-Bridging-Header.h文件

導入AF等框架

SwiftDemo-Bridging-Header.h

//
// Use this file to import your target's public headers that you would like to expose to Swift.
//
#import "AFNetworking.h"
#import "MBProgressHUD.h"
#import "UIImageView+AFNetworking.h"

2.使用Storyboard建立一個自定義的cell綁定到cell類,標識符是 TestCell

綁定的TestCell.swift類

//
// TestCell.swift
// SwiftDemoUsingAF
//
// Created by MBinYang on 15/4/8.
// Copyright (c) 2015年 cc.huanyouwang. All rights reserved.
//
import UIKit
class TestCell: UITableViewCell
{
@IBOutlet var imageView2: UIImageView!
@IBOutlet var textLabel2: UILabel!
@IBOutlet var location: UILabel!
override func awakeFromNib()
{
super.awakeFromNib()
}
override func setSelected(selected: Bool, animated: Bool)
{
super.setSelected(selected, animated: animated)
}
/**
*配置Cell的內容方法
*/
func configCellWithStatusModel(model:StatusModel!)
{
self.imageView2.setImageWithURL(NSURL(string: model.imageURL), placeholderImage: UIImage(named: "placeHolder"))
self.textLabel2.text = model.text
self.location.text = model.location
}
}

Cell上包含一個 imageView和兩個label

3.常量定義,相似Oc的宏定義

StringConstant.swift

常量以小寫k開頭,其他大寫;能夠配上下劃線

Swift的常量,使用 let定義常量;能夠在其餘地方使用

//
// StringConstant.swift
// SwiftDemo
//
// Created by MBinYang on 15/4/8.
// Copyright (c) 2015年 cc.huanyouwang. All rights reserved.
//
import Foundation
import UIKit
let kGETSTATUSURL = "http://lovemyqq.sinaapp.com/getState.php"
let kACCESSTOKEN = "2.00HZE3aF0GvJSM551ca8e0920NF13N"
let kUID = "5117873025"
let kACCESSTOKENKEY = "access_token"
let kUIDKEY = "uid"
let kPARAMDIC = [kACCESSTOKENKEY : kACCESSTOKEN,kUIDKEY : kUID]
let kREDCOLOR = UIColor.redColor
let kIMAGEKEY = "image"
let kDATEKEY = "date"
let kLOCATIONKEY = "address"
let kCONTENTKEY = "content"
let kRESULTKEY = "result"
let kSTATEKEY = "state"
//其餘複雜類型,可使用函數定義
//func RGBA (r:CGFloat, g:CGFloat, b:CGFloat, a:CGFloat)
//{
// return UIColor (red: r/255.0, green: g/255.0, blue: b/255.0, alpha: a)
//}
//使用方法以下
//var theColor : UIColor = RGBA (255, 255, 0, 1)

4.封裝AF爲一個經常使用的方法,便於ViewModel調用

AFRequest.swift

//
// AFRequest.swift
// SwiftDemo
//
// Created by MBinYang on 15/4/8.
// Copyright (c) 2015年 cc.huanyouwang. All rights reserved.
//
import UIKit
public typealias SuccessBlock = (obj:AnyObject)->Void!
class AFRequest: NSObject
{
var mainURL:String!
var paramDict:[String:String]!
var successBlock:SuccessBlock!
var manager:AFHTTPRequestOperationManager
var hud:MBProgressHUD!
init(mainURL:String,paramDict:[String:String],successBlock:SuccessBlock)
{
self.mainURL = mainURL
self.paramDict = paramDict
self.successBlock = successBlock
self.manager = AFHTTPRequestOperationManager()
super.init()
}
func startRequestWithHUDOnView(view:UIView!)
{
self.hud = MBProgressHUD.showHUDAddedTo(view, animated: true)
self.hud.labelText = "正在請求..."
var op = self.manager.GET(self.mainURL,
parameters: self.paramDict,
success: { (operation: AFHTTPRequestOperation!,
responseObject: AnyObject!) in
var arr: AnyObject! = NSJSONSerialization.JSONObjectWithData(responseObject as NSData, options: NSJSONReadingOptions.AllowFragments, error: nil)
println(arr!)
unowned var unSelf:AFRequest = self
unSelf.successBlock(obj: arr!)
unSelf.hud.customView = nil
unSelf.hud.labelText = "加載成功!"
unSelf.hud.hide(false, afterDelay: 3)
},
failure: { (operation: AFHTTPRequestOperation!,
error: NSError!) in
println("請求錯誤Error: " + error.localizedDescription)
unowned var unSelf:AFRequest = self
unSelf.hud.hide(true)
})
op.responseSerializer = AFHTTPResponseSerializer()
op.start()
}
}

5.根據View/Cell所需的數據,封裝一個Model類.

如封裝一個和 Cell數據字段對應的Model類 StatusModel狀態模型

StatusModel.swift

包含,屬性,和存取器

//
// StatusModel.swift
// SwiftDemoUsingAF
//
// Created by MBinYang on 15/4/8.
// Copyright (c) 2015年 cc.huanyouwang. All rights reserved.
//
import UIKit
class StatusModel: NSObject
{
var imageURL:String!
var text:String!
var location:String!
override init()
{
//Todo
}
init(imageURL:String!,text:String,location:String)
{
self.imageURL = imageURL
self.text = text
self.location = location
}
var configModel:(String!,String!,String!)
{
set
{
self.imageURL = newValue.0
self.text = newValue.1
self.location = newValue.2
}
get
{
return (self.imageURL,self.text,self.location)
}
}
//省略set的簡寫的 get
var urlOfImg:String
{
return self.imageURL
}
}

6.ViewModel根據View所需數據,調用對應的接口;而且把數據綁定到Model中

解析JSON數據,綁定到Model中

StatusViewModel.swift

//
// StatusViewModel.swift
// SwiftDemo
//
// Created by MBinYang on 15/4/8.
// Copyright (c) 2015年 cc.huanyouwang. All rights reserved.
//
import UIKit
public class StatusViewModel: NSObject
{
func requestStatusList(view:UIView!,blk:SuccessBlock)
{
var af = AFRequest(mainURL: kGETSTATUSURL, paramDict: kPARAMDIC)
{ (obj) -> Void! in
var dicO = obj as Dictionary<String,AnyObject>
var arr1: AnyObject? = dicO[kRESULTKEY]
var arrreal = arr1 as Array<Dictionary<String,Dictionary<String,String>>>
var modelArray = Array<StatusModel>()
/** 解析獲得的JSON數據爲Model數組*/
for dict in arrreal
{
var dic = dict[kSTATEKEY]! as Dictionary<String,String>
var sModel = StatusModel()
sModel.imageURL = dic[kIMAGEKEY]!
sModel.text = dic[kCONTENTKEY]!
sModel.location = dic[kLOCATIONKEY]!
modelArray.append(sModel)
}
println(modelArray[0])
blk(obj: modelArray)
return Void()
}
af.startRequestWithHUDOnView(view)
}
}

7.TableViewController 控制器中調用 ViewModel顯示數據

//
// TableViewController.swift
// SwiftDemo
//
// Created by MBinYang on 15/4/8.
//
import UIKit
class TableViewController: UITableViewController
{
var modelArray = Array<StatusModel>()
override func viewDidLoad()
{
super.viewDidLoad()
loadData()
}
override func didReceiveMemoryWarning()
{
super.didReceiveMemoryWarning()
}
override func numberOfSectionsInTableView(tableView: UITableView) -> Int
{
return 1
}
override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int
{
return modelArray.count
}
override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell
{
var sModel = self.modelArray[indexPath.row]
var cell = tableView.dequeueReusableCellWithIdentifier("TestCell", forIndexPath: indexPath) as TestCell
cell.configCellWithStatusModel(sModel as StatusModel)
return cell
}
/**
* 第一次加載數據時請求
* 返回爲空
*/
func loadData()
{
StatusViewModel().requestStatusList(self.view, blk: { (obj) -> Void! in
unowned var weak_self:TableViewController = self
println("這是第一次加載數據的 block\(__FUNCTION__)")
weak_self.modelArray = obj as Array<StatusModel>
weak_self.tableView.reloadData()
return Void()
})
}
}