Swift教程17-淡化MVC,使用MVVM框架开发轻巧便于维护的iOS app

Swift 前端之家
前端之家收集整理的这篇文章主要介绍了Swift教程17-淡化MVC,使用MVVM框架开发轻巧便于维护的iOS app，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

MVVM是微软提出一种移动开发框架,旨在针对传统的MVC框架,解决传统的MVC框架的控制器的臃肿问题.@H_301_3@

M:@H_301_3@

Model模型,也就是数据模型;比如一条微博,对应的所有字段合成一条微博整体,这个整体就是Model@H_301_3@


@H_301_3@

V:@H_301_3@

View视图,只用来显示的视图,如 iOS的UIView,Cell;当然在 iOS中 Storyboard中,view总是和控制器关联,这并不是严格的view@H_301_3@

如果我们纯手写代码定义一个view那么就是一个比较严格的view了@H_301_3@

VM:@H_301_3@

viewmodel视图模型,是将一个 View 和 Model进行绑定;起着桥梁的作用@H_301_3@

例如一个 微博 cell,对应的数据绑定到一个 Model,将获得的数据绑定到Model个各个属性上.@H_301_3@

传统的MVC中的 C代表 控制器,负责逻辑处理 和 数据绑定,更新视图;代码过于复杂,维护会比较困难;@H_301_3@

而MVVM框架则是,给 Controller控制器减负;@H_301_3@

把网络请求,数据绑定,更新视图,都剥离出去;@H_301_3@

是在 Controller中做的仅仅是简单的跳转和部分代理@H_301_3@

比较符合MVVM开发框架的是 使用TableView的控制器;Cell自定义;定义所需的Model;定义viewmodel调用对应的接口@H_301_3@

下面来示范一个MVVM框架开发,带有网络请求的Demo@H_301_3@


@H_301_3@

目录说明:@H_301_3@

Resourse:存放图片,音频视频文件,IB文件@H_301_3@

Controllers:存放视图控制器@H_301_3@

Vender:开源框架,或者自己封装的组件@H_301_3@

UtilTools:封装的常用代码,常量定义,配置文件等@H_301_3@

viewmodel:根据不同的View获取不同的数据并且绑定到Model中@H_301_3@

View:自定义个视图如 cell或者纯手写的view@H_301_3@

Model:数据模型,就是View所需的所有字段的整体@H_301_3@

实现效果:@H_301_3@

一个tableView上显示多条动态包括,图片,文字;@H_301_3@

技术要点:@H_301_3@

MVVM框架@H_301_3@

AFNetworking网络请求@H_301_3@

MBProgressHUD等待提示@H_301_3@

自定义cell@H_301_3@

Block闭包传值,封装代码@H_301_3@

实现过程:@H_301_3@

1.导入Oc的相关框架@H_301_3@

在Swift项目中新建一个Oc文件,系统询问你是否新建一个 桥接Oc的文件,选择是,生成一个 Header.h文件;在其中导入 对应的Oc的 头文件即可使用@H_301_3@

如图,工程中有一个 SwiftDemo-Bridging-Header.h文件@H_301_3@

导入AF等框架@H_301_3@

SwiftDemo-Bridging-Header.h@H_301_3@

  1. //@H_301_3@

  2. //Usethisfiletoimportyourtarget'spublicheadersthatyouwouldliketoexposetoSwift.@H_301_3@

  3. //@H_301_3@

  4. @H_301_3@

  5. @H_301_3@

  6. @H_301_3@

  7. @H_301_3@

  8. #import"AFNetworking.h"@H_301_3@

  9. #import"MBProgressHUD.h"@H_301_3@

  10. #import"UIImageView+AFNetworking.h"@H_301_3@


2.使用Storyboard创建一个自定义的cell绑定到cell类,标识符是 TestCell@H_301_3@

绑定的TestCell.swift类@H_301_3@

    //TestCell.swift@H_301_3@

  1. //SwiftDemoUsingAF@H_301_3@

  2. //CreatedbyMBinYangon15/4/8.@H_301_3@

  3. //Copyright(c)2015年cc.huanyouwang.Allrightsreserved.@H_301_3@

  4. //@H_301_3@

  5. @H_301_3@

  6. importUIKit@H_301_3@

  7. @H_301_3@

  8. classTestCell:UITableViewCell@H_301_3@

  9. {@H_301_3@

  10. @H_301_3@

  11. @IBOutletvarimageView2:UIImageView!@H_301_3@

  12. textLabel2:UILabel!@H_301_3@

  13. location:UILabel!@H_301_3@

  14. overridefuncawakeFromNib()@H_301_3@

  15. {@H_301_3@

  16. super.awakeFromNib()@H_301_3@

  17. @H_301_3@

  18. }@H_301_3@

  19. @H_301_3@

  20. overridefuncsetSelected(selected:Bool,animated:Bool)@H_301_3@

  21. {@H_301_3@

  22. super.setSelected(selected,animated:animated)@H_301_3@

  23. @H_301_3@

  24. }@H_301_3@

  25. @H_301_3@

  26. /**@H_301_3@

  27. *配置Cell的内容方法@H_301_3@

  28. */@H_301_3@

  29. funcconfigCellWithStatusModel(model:StatusModel!)@H_301_3@

  30. {@H_301_3@

  31. self.imageView2.setImageWithURL(NSURL(string:model.imageURL),0); background-color:inherit">placeholderImage:UIImage(named:"placeHolder"))@H_301_3@

  32. self.textLabel2.text=model.text@H_301_3@

  33. self.location.text=model.location@H_301_3@

  34. }@H_301_3@

  35. @H_301_3@

  36. }@H_301_3@



@H_301_3@

Cell上包含一个 imageView和两个label@H_301_3@

3.常量定义,类似Oc的宏定义@H_301_3@

StringConstant.swift@H_301_3@

常量以小写k开头,其余大写;可以配上下划线@H_301_3@

Swift的常量,使用 let定义常量;可以在其他地方使用@H_301_3@

    //StringConstant.swift@H_301_3@

  1. //SwiftDemo@H_301_3@

  2. //@H_301_3@

  3. @H_301_3@

  4. importFoundation@H_301_3@

  5. importUIKit@H_301_3@

  6. @H_301_3@

  7. @H_301_3@

  8. letkGETSTATUSURL="http://lovemyqq.sinaapp.com/getState.PHP"@H_301_3@

  9. letkACCESSTOKEN="2.00HZE3aF0GvJSM551ca8e0920NF13N"@H_301_3@

  10. letkUID="5117873025"@H_301_3@

  11. letkACCESSTOKENKEY="access_token"@H_301_3@

  12. letkUIDKEY="uid"@H_301_3@

  13. letkPARAMDIC=[kACCESSTOKENKEY:kACCESSTOKEN,kUIDKEY:kUID]@H_301_3@

  14. letkREDCOLOR=UIColor.redColor@H_301_3@

  15. letkIMAGEKEY="image"@H_301_3@

  16. letkDATEKEY="date"@H_301_3@

  17. letkLOCATIONKEY="address"@H_301_3@

  18. letkCONTENTKEY="content"@H_301_3@

  19. letkRESULTKEY="result"@H_301_3@

  20. letkSTATEKEY="state"@H_301_3@

  21. @H_301_3@

  22. @H_301_3@

  23. //其他复杂类型,可以使用函数定义@H_301_3@

  24. //funcRGBA(r:CGFloat,g:CGFloat,b:CGFloat,a:CGFloat)@H_301_3@

  25. //{@H_301_3@

  26. //returnUIColor(red:r/255.0,green:g/255.0,blue:b/255.0,alpha:a)@H_301_3@

  27. //}@H_301_3@

  28. @H_301_3@

  29. @H_301_3@

  30. @H_301_3@

  31. //使用方法如下@H_301_3@

  32. //vartheColor:UIColor=RGBA(255,255,1)@H_301_3@

4.封装AF为一个常用的方法,便于viewmodel调用@H_301_3@

AFRequest.swift@H_301_3@

    //AFRequest.swift@H_301_3@

  1. publictypealiasSuccessBlock=(obj:AnyObject)->Void!@H_301_3@

  2. AFRequest:NSObject@H_301_3@

  3. {@H_301_3@

  4. varmainURL:String!@H_301_3@

  5. varparamDict:[String:String]!@H_301_3@

  6. varsuccessBlock:SuccessBlock!@H_301_3@

  7. varmanager:AFHTTPRequestOperationManager@H_301_3@

  8. varhud:MBProgressHUD!@H_301_3@

  9. @H_301_3@

  10. @H_301_3@

  11. init(mainURL:String,paramDict:[String:String],successBlock:SuccessBlock)@H_301_3@

  12. {@H_301_3@

  13. self.mainURL=mainURL@H_301_3@

  14. self.paramDict=paramDict@H_301_3@

  15. self.successBlock=successBlock@H_301_3@

  16. self.manager=AFHTTPRequestOperationManager()@H_301_3@

  17. super.init()@H_301_3@

  18. }@H_301_3@

  19. @H_301_3@

  20. @H_301_3@

  21. funcstartRequestWithHUDOnView(view:UIView!)@H_301_3@

  22. {@H_301_3@

  23. self.hud=MBProgressHUD.showHUDAddedTo(view,0); background-color:inherit">animated:true)@H_301_3@

  24. self.hud.labelText="正在请求..."@H_301_3@

  25. @H_301_3@

  26. varop=self.manager.GET(self.mainURL,@H_301_3@

  27. parameters:self.paramDict,0); background-color:inherit">success:{(operation:AFHTTPRequestOperation!,0); background-color:inherit">responSEObject:AnyObject!)in@H_301_3@

  28. @H_301_3@

  29. vararr:AnyObject!=NSJSONSerialization.JSONObjectWithData(responSEObjectasNSData,0); background-color:inherit">options:NSJSONReadingOptions.AllowFragments,0); background-color:inherit">error:nil)@H_301_3@

  30. @H_301_3@

  31. println(arr!)@H_301_3@

  32. unownedvarunSelf:AFRequest=self@H_301_3@

  33. unSelf.successBlock(obj:arr!)@H_301_3@

  34. unSelf.hud.customView=nil@H_301_3@

  35. unSelf.hud.labelText="加载成功!"@H_301_3@

  36. unSelf.hud.hide(false,0); background-color:inherit">afterDelay:3)@H_301_3@

  37. },@H_301_3@

  38. failure:{(operation:AFHTTPRequestOperation!,0); background-color:inherit">error:NSError!)in@H_301_3@

  39. println("请求错误Error:"+error.localizedDescription)@H_301_3@

  40. unownedvarself@H_301_3@

  41. unSelf.hud.hide(true)@H_301_3@

  42. })@H_301_3@

  43. @H_301_3@

  44. op.responseSerializer=AFHTTPResponseSerializer()@H_301_3@

  45. op.start()@H_301_3@

  46. }@H_301_3@

  47. @H_301_3@

  48. @H_301_3@

  49. }@H_301_3@

5.根据View/Cell所需的数据,封装一个Model类.@H_301_3@

如 封装一个 和 Cell数据字段对应的Model类 StatusModel状态模型@H_301_3@

StatusModel.swift@H_301_3@

包含,属性,和存取器@H_301_3@

    //StatusModel.swift@H_301_3@

  1. StatusModel:NSObject@H_301_3@

  2. {@H_301_3@

  3. @H_301_3@

  4. varimageURL:String!@H_301_3@

  5. vartext:String!@H_301_3@

  6. varlocation:String!@H_301_3@

  7. @H_301_3@

  8. @H_301_3@

  9. @H_301_3@

  10. overrideinit()@H_301_3@

  11. {@H_301_3@

  12. //Todo@H_301_3@

  13. }@H_301_3@

  14. @H_301_3@

  15. @H_301_3@

  16. @H_301_3@

  17. init(imageURL:String!,text:String,location:String)@H_301_3@

  18. {@H_301_3@

  19. self.imageURL=imageURL@H_301_3@

  20. self.text=text@H_301_3@

  21. self.location=location@H_301_3@

  22. }@H_301_3@

  23. @H_301_3@

  24. varconfigModel:(String!,String!,String!)@H_301_3@

  25. {@H_301_3@

  26. set@H_301_3@

  27. {@H_301_3@

  28. self.imageURL=newValue.0@H_301_3@

  29. self.text=newValue.1@H_301_3@

  30. self.location=newValue.2@H_301_3@

  31. }@H_301_3@

  32. get@H_301_3@

  33. {@H_301_3@

  34. return(self.imageURL,self.text,255); background-color:inherit">self.location)@H_301_3@

  35. }@H_301_3@

  36. }@H_301_3@

  37. @H_301_3@

  38. //省略set的简写的get@H_301_3@

  39. varurlOfImg:String@H_301_3@

  40. {@H_301_3@

  41. returnself.imageURL@H_301_3@

  42. }@H_301_3@

  43. @H_301_3@

  44. }@H_301_3@

6.viewmodel根据View所需数据,调用对应的接口;并且把数据绑定到Model中@H_301_3@

解析JSON数据,绑定到Model中@H_301_3@

Statusviewmodel.swift@H_301_3@

    //Statusviewmodel.swift@H_301_3@

  1. publicStatusviewmodel:NSObject@H_301_3@

  2. {@H_301_3@

  3. @H_301_3@

  4. funcrequestStatusList(view:UIView!,blk:SuccessBlock)@H_301_3@

  5. {@H_301_3@

  6. @H_301_3@

  7. varaf=AFRequest(mainURL:kGETSTATUSURL,0); background-color:inherit">paramDict:kPARAMDIC)@H_301_3@

  8. {(obj)->Void!in@H_301_3@

  9. @H_301_3@

  10. @H_301_3@

  11. vardicO=objasDictionary<String,AnyObject>@H_301_3@

  12. vararr1:AnyObject?=dicO[kRESULTKEY]@H_301_3@

  13. vararrreal=arr1asArray<Dictionary<String,Dictionary<String,String>>>@H_301_3@

  14. varmodelArray=Array<StatusModel>()@H_301_3@

  15. @H_301_3@

  16. /**解析得到的JSON数据为Model数组*/@H_301_3@

  17. fordictinarrreal@H_301_3@

  18. {@H_301_3@

  19. vardic=dict[kSTATEKEY]!asDictionary<String,String>@H_301_3@

  20. varsModel=StatusModel()@H_301_3@

  21. sModel.imageURL=dic[kIMAGEKEY]!@H_301_3@

  22. sModel.text=dic[kCONTENTKEY]!@H_301_3@

  23. sModel.location=dic[kLOCATIONKEY]!@H_301_3@

  24. modelArray.append(sModel)@H_301_3@

  25. @H_301_3@

  26. }@H_301_3@

  27. println(modelArray[0])@H_301_3@

  28. blk(obj:modelArray)@H_301_3@

  29. @H_301_3@

  30. returnVoid()@H_301_3@

  31. }@H_301_3@

  32. af.startRequestWithHUDOnView(view)@H_301_3@

  33. @H_301_3@

  34. }@H_301_3@

  35. @H_301_3@

  36. }@H_301_3@

7.TableViewController 控制器中调用 viewmodel显示数据@H_301_3@


@H_301_3@

    //TableViewController.swift@H_301_3@

  1. TableViewController:UITableViewController@H_301_3@

  2. {@H_301_3@

  3. @H_301_3@

  4. varmodelArray=Array<StatusModel>()@H_301_3@

  5. @H_301_3@

  6. overridefuncviewDidLoad()@H_301_3@

  7. {@H_301_3@

  8. super.viewDidLoad()@H_301_3@

  9. @H_301_3@

  10. loadData()@H_301_3@

  11. @H_301_3@

  12. }@H_301_3@

  13. @H_301_3@

  14. overridefuncdidReceiveMemoryWarning()@H_301_3@

  15. {@H_301_3@

  16. super.didReceiveMemoryWarning()@H_301_3@

  17. @H_301_3@

  18. }@H_301_3@

  19. @H_301_3@

  20. @H_301_3@

  21. overridefuncnumberOfSectionsInTableView(tableView:UITableView)->Int@H_301_3@

  22. {@H_301_3@

  23. @H_301_3@

  24. return1@H_301_3@

  25. }@H_301_3@

  26. @H_301_3@

  27. overridefunctableView(tableView:UITableView,numberOfRowsInSectionsection:Int)->Int@H_301_3@

  28. {@H_301_3@

  29. returnmodelArray.count@H_301_3@

  30. }@H_301_3@

  31. @H_301_3@

  32. @H_301_3@

  33. overridefunctableView(tableView:UITableView,cellForRowAtIndexPathindexPath:NSIndexPath)->UITableViewCell@H_301_3@

  34. {@H_301_3@

  35. @H_301_3@

  36. varsModel=self.modelArray[indexPath.row]@H_301_3@

  37. varcell=tableView.dequeueReusableCellWithIdentifier("TestCell",0); background-color:inherit">forIndexPath:indexPath)asTestCell@H_301_3@

  38. @H_301_3@

  39. cell.configCellWithStatusModel(sModelasStatusModel)@H_301_3@

  40. @H_301_3@

  41. returncell@H_301_3@

  42. }@H_301_3@

  43. @H_301_3@

  44. *第一次加载数据时请求@H_301_3@

  45. *返回为空@H_301_3@

  46. */@H_301_3@

  47. funcloadData()@H_301_3@

  48. {@H_301_3@

  49. Statusviewmodel().requestStatusList(self.view,0); background-color:inherit">blk:{(obj)->Void!in@H_301_3@

  50. unownedvarweak_self:TableViewController=self@H_301_3@

  51. println("这是第一次加载数据的block\(__FUNCTION__)")@H_301_3@

  52. weak_self.modelArray=objasArray<StatusModel>@H_301_3@

  53. weak_self.tableView.reloadData()@H_301_3@

  54. returnVoid()@H_301_3@

  55. })@H_301_3@

  56. }@H_301_3@

  57. @H_301_3@

  58. }@H_301_3@


调用viewmodel之后再 reloadData()@H_301_3@

当然,viewmodel也可能是 在 View上调用的;比如 Cell上有一个 按钮,点击按钮会进行网络请求,也需要调用 viewmodel@H_301_3@

8.总结@H_301_3@

我们可以看到 在 TableViewController 中,代码非常的少.原来对应 网络请求,对于 视图更新都是放在 controller中;@H_301_3@

使用MVVM后可以大大减少Controller的代码,是的各部分耦合性更低,更便于维护.@H_301_3@

9.其他,view上有事件的触发@H_301_3@

如果 Cell或者 View上或者有 点击事件,或者其他事件;可以 使用 闭包封装 ;类似于 上面的 AF请求.@H_301_3@

猜你在找的Swift相关文章

Swift 正式开源，同时开源 Swfit 核心库和包管理器
Swift 正式开源！Swift 团队很高兴宣布 Swift 开始开源新篇章。自从苹果发布 Swfit 编程语...
Swift开源短短一天不到Github就有9000多star
快，快，快！动动您的小手，分享给更多朋友！ 苹果去年推出了全新的编程语言Swift，试图让...
苹果的Swift语言开源了！
开发者（KaiFaX） 面向开发者、程序员的专业平台！ 和今年年初承诺的一样，苹果贴出了Swif...
使用 Swift 构建自定义的ActivityIndicator View
本文由@Chun发表于Chun Tips ：http://chun.tips/blog/2014/12/11/shi-yong-swift-gou-jia...
Swift中编写单例的正确方式
本文由CocoaChina译者leon(社区ID)翻译 原文：THE RIGHT WAY TO WRITE A SINGLETON 在之前...
Swift中编写单例的正确方式
本文由CocoaChina译者leon(社区ID)翻译 原文：THE RIGHT WAY TO WRITE A SINGLETON 在之前...
Swift 的 NSDate 初学者指南
译者：ray16897188；校对：numbbbbb；定稿：Cee 如果问我在做过的所有项目中做的最多的事情...
10 个最佳的 Swift 教程实例
★ 时间就是金钱。你可以一开始就使用正确的 Swift 教程来节省时间。本文中提到的教程都是...
Swift Package Manager快速上手指南（一）：环境搭建
CSDN移动将持续为您优选移动开发的精华内容，共同探讨移动开发的技术热点话题，涵盖移动应...
编写高性能的 Swift 代码
下面这篇文档收集了一系列编写高性能 Swift 代码的要诀和技巧。文档的目标读者是编译器和标...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签