MVVM是微软提出一种移动开发框架,旨在针对传统的MVC框架,解决传统的MVC框架的控制器的臃肿问题.
M:
Model模型,也就是数据模型;比如一条微博,对应的所有字段合成一条微博整体,这个整体就是Model
V:
VIEw视图,只用来显示的视图,如 iOS的UIVIEw,Cell;当然在 iOS中 Storyboard中,vIEw总是和控制器关联,这并不是严格的vIEw
如果我们纯手写代码定义一个vIEw那么就是一个比较严格的vIEw了
VM:
viewmodel视图模型,是将一个 VIEw 和 Model进行绑定;起着桥梁的作用
例如一个 微博 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 UIKitclass 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 Foundationimport UIKitlet 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.redcolorlet 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,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 UIKitpublic 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 UIKitclass 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 UIKitpublic 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.// copyright (c) 2015年 cc.huanyouwang. All rights reserved.//import UIKitclass 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() }) }} 调用viewmodel之后再 reloadData()
当然,viewmodel也可能是 在 VIEw上调用的;比如 Cell上有一个 按钮,点击按钮会进行网络请求,也需要调用 viewmodel
8.总结
我们可以看到 在 tableVIEwController 中,代码非常的少.原来对应 网络请求,对于 视图更新都是放在 controller中;
使用MVVM后可以大大减少Controller的代码,是的各部分耦合性更低,更便于维护.
9.其他,vIEw上有事件的触发
如果 Cell或者 VIEw上或者有 点击事件,或者其他事件;可以 使用 闭包封装 ;类似于 上面的 AF请求.
Swift系列教程:http://www.jb51.cc/cata/272739
总结以上是内存溢出为你收集整理的Swift教程17-淡化MVC,使用MVVM框架开发轻巧便于维护的iOS/android app全部内容，希望文章能够帮你解决Swift教程17-淡化MVC,使用MVVM框架开发轻巧便于维护的iOS/android app所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）