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.textself.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 = ""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, 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 UIKitpublic typealias SuccessBlock = (obj:AnyObject)->Void!class AFRequest: NSObject{var mainURL:String!var paramDict:[String:String]!var successBlock:SuccessBlock!var manager:AFHTTPRequestOperationManagervar hud:MBProgressHUD!init(mainURL:String,paramDict:[String:String],successBlock:SuccessBlock){self.mainURL = mainURLself.paramDict = paramDictself.successBlock = successBlockself.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!) invar arr: AnyObject! = NSJSONSerialization.JSONObjectWithData(responseObject as NSData, options: NSJSONReadingOptions.AllowFragments, error: nil)println(arr!)unowned var unSelf:AFRequest = selfunSelf.successBlock(obj: arr!)unSelf.hud.customView = nilunSelf.hud.labelText = "加载成功!"unSelf.hud.hide(false, afterDelay: 3)},failure: { (operation: AFHTTPRequestOperation!,error: NSError!) inprintln("请求错误Error: " + error.localizedDescription)unowned var unSelf:AFRequest = selfunSelf.hud.hide(true)})op.responseSerializer = AFHTTPResponseSerializer()op.start()}}
5.根据View/Cell所需的数据,封装一个Model类.
如 封装一个 和 Cell数据字段对应的Model类 StatusModel状态模型
StatusModel.swift
包含,属性,和存取器
拥有一颗比九万五千公里还辽阔的心,