Swift POP+MVVM

Swift2.0中引入了协议扩展的特性,并且建议开发者一切从协议(Protocol)出发,经过几个月的学习探索,博主发现Swift作为一门面向协议编程(POP)的语言非常适合时下火热的MVVM架构。MVVM已经提出有一段时间了,如果你还不懂什么是MVVM,建议先去补充相关的知识,再回到本文中。

在Cocoa Touch体系内,MVC是广为人知的经典架构,博主之前也讲解过MVC的相关知识,但是随着业务逻辑的扩张,控制器中的代码可能会变得非常庞大导致难以维护,因为无论是OC还是Swift都是单类继承,这就使得类的世界总是处于一个垂直的继承链中。

而在2.0版本之前的Swift版本中,协议中的成员无法进行初始化,只存在一个声明,这就造成了代码复用上的困难。好在Swift2.0中引入的协议扩展,使得协议可以通过扩展的方法赋予默认的实现,并且通过where语法为不同的协议组合赋予不同的初始格式,controller可以通过简单的遵循某个协议,而获得协议中定义好的方法,直接使用,大大缓解了控制器的压力,不会造成臃肿的继承关系。

另外虽然MVC中的view和controller应该是松散的,但在实际开发中我们都知道,view和controller的结合非常紧密,大量处理view的代码都会写在controller中,会对Debug的定位造成一定的困扰。

基于以上的问题,为针对iOS代码解耦和的MVVM框架日渐火热,结合Swift2.0中的协议扩展特性可以写出非常悦目的代码。具体请看下面的示例,在一个非常常见的商品展示的TableView中,传统的做法大抵如下:

你需要一个继承一个TableViewCell的基类,然后在storyboard中设计好你的页面,再把页面与代码的元素关联起来:

class ShowedTableViewCell: UITableViewCell {

    @IBOutlet weak var showedImage: UIImageView!
    @IBOutlet weak var NameLabel: UILabel!
    @IBOutlet weak var priceLabel: UILabel!
    func configCell(showedImageView:UIImageView,Name:String,price:String){...}
    ...
}

而工程中商品对应的数据模型(Modal)中保存了商品信息的数据结构,名称、价格、第三方平台上保存的图片地址等等。

class Something {
    var name:String?
    var price:String?
    var imageViewURL:String?
}

这些信息需要提供给Cell做展示,此时你会发现定义完数据结构之后似乎就没Modal啥事了,你会打开熟悉的Controller代码,在里面关联一张tableview,运用封装的网络通信方法获取Modal中需要的信息,保存在controller中的临时数组[Something]中,最后筛选出相应的信息在tableview的datasource方法和delegate中运用传递。这一切似乎顺理成章,但是如果你的controller对应的是某个商城的首页,首页中除了tableview可能还有navigation、slider、collectionView等等,那么你的controller代码会变得非常臃肿,Boooom!~

上面的示例运用POP+MVVM是这样的:

1.首先编写一个用来传递数据的协议,这个协议中的方法按照需要传递的数据类型来命名,参数为可变参数,本例中的代码如下:

protocol RenderContext{
    func renderText(texts:String...)
    func renderImage(images:UIImage...)
    //func renderInt、renderDouble...
}

注意这里我们虽然只用到了String和UIImageView类型,但实际协议中的方法不需要局限于这两个类型,你可以通过协议扩展的规则来复用这个协议。

2.定义反向的数据传递:

protocol ViewModal{
    func contextInRender(context:RenderContext)
}

3.在相应的场合中扩展上面的协议,使得协议中的方法获得实现:

extension ShowedTableViewCell:RenderContext{
    func renderText(texts: String...) {
        NameLabel?.text = texts.first
        priceLabel?.text = texts.last
    }
    func renderImage(images: UIImage...) {
        showedImage.image = images.first
    }
}
extension Something:ViewModal{
    func contextInRender(context: RenderContext) {
        context.renderText(name!,price!)
        context.renderImage(UIImage(data: NSData(contentsOfURL: NSURL(string: imageViewURL!)!)!)!)

    }
}

View和Modal彼此通过两个协议进行交互,这个写法的灵感来自2016Swift大会上做分享的大神傅若愚,没有引入新的代码层次,博主会在新的工程中继续实践这种新的MVVM模式,带来更多的分享。

参考链接:http://www.2cto.com/kf/201603/491507.html