iOS开发技巧系列---使用链式编程和Block来实现UIAlertView

UIAlertView是iOS开发过程中最常用的控件之一,是提醒用户做出选择最主要的工具.在iOS8及后来的系统中,苹果更推荐使用UIAlertController来代替UIAlertView.所以本文也并不提倡开发者再使用UIAlertView,
本文的目的是探讨如何将原来的给变量赋值和通过Delete来回调的方式变成链式编程风格和通过Block来回调.通过学习对UIAlertView的改造让各位iOS开发者能够学会这种更加便捷的开发方式

2018年Swift4已经发布,现在需要更新这些文章了,我也不再使用UIAlertView。但是其链式编程的核心思想没有变过,使用UIAlertController一也可以改出链式编程的效果出来。我把这些代码都放在iOSDemo项目里
https://github.com/DuckDeck/iOSDemo Library的 GrandCue里面。

什么是链式编程

对于有一定开发经验的开发者来说,链式编程并不陌生.有很多知名的开源库使用了这种编程风格,比如大名鼎鼎的JQuery,而iOS库中,Masory和Snapkit也是典型的使用链式编程的例子.
大体来说,链式编程就是将多个操作(多行代码)通过某种操作符(通常是点号.)链接成一句的代码.便代码更加紧凑,可读性也更好,降低了代码的重复度.比如以下代码:

//使用普通的赋值模式
txtUserName.placeHolder = "请输入用户名"
txtUserName.font = UIFont.systemFont(15)
txtUserName.textColor = UIColor.GrayColor()
//使用链式编程的语句
txtUserName.setPlaceHolder("请输入用户名").setFont(15).setTextColor(UIColor.GrayColor())

通过这个例子读者应该可以更清楚的了解什么是链式编程风格.简单来说,链式编程风格要有以下特点

  • 通常是都是调用一个函数来给属性赋值.也就是说,该函数封装了赋值的语句,还可以在里面加入自己的判断和一些逻辑.
  • 该函数必须有一个返回值,通常是它本身.也可以是处理后的数据或者对象.
  • 可以用静态函数作为起始函数,但是后面的全是实例函数.
  • 可以设定一个最终函数,该函数不返回任何对象,用它来完全最后所有操作.

链式编程的利弊

使用链式编程最主要的好处是可以使代码更简洁,写起来一种"爽快"感.设计优秀的链式编程可以大大降低重复的代码,增强逻辑感.不足之处就是对开
发者的业务逻辑能力要求较高,同时因为链式编程都是调用函数,所以有可能会造成过深的函数调用栈.稍微影响性能.

使用Block来回调UIAlertView的Delegate

iOS开发中有很多回调都是使用Delegate完成的,相信各位读者已经写过很多次了.相对来说,使用Delegate比较繁琐,有时还需要在Delegate里
判断是哪个对象的Delegate,优点是运行效率较高.而Block则相反,写起来更直观,开发效率更高.苹果也是逐步使用Block来代替Delegate,iOS
8最新的UIViewController里的Action已经全部使用Block来实现.而且Swift里的闭包,匿名函数更上比比皆是.所以大胆地使用Block来代替
Delegate和Target-Action吧,苹果会帮我们处理好各种性能问题的.但是需要注意的是retian-circle问题,初识Block很容易出现这种问题.

使用链式编程和Block来改造UIAlertView

目前有两种方式可以实现将UIAlertView的Delegate改成Block的回调,一是使用运行时给UIAlertView加上Block属性.二是再写一个新的类继承
UIAlertView,本文使用的是第二种方式,写起来更简单一点.

先定义一个新的类来继承UIAlertView,并且实现UIAlertViewDelegate协议
class BlockAlert:UIAlertView,UIAlertViewDelegate{
    var completion:((buttonIndex:Int,alert:UIAlertView)->Void)? //定义各个Block用来回调,其参数名和Delegate回调的函数参数名一至
    var willDismissBlock:((buttonIndex:Int,alert:UIAlertView)->Void)?
    var didDismissBlock:((buttonIndex:Int,alert:UIAlertView)->Void)?
    var didPresentBlock:((alert:UIAlertView)->Void)?
    var willPresentBlock:((alert:UIAlertView)->Void)?
    var alertWithCancelBlock:((alert:UIAlertView)->Void)?
    override init(frame: CGRect) {
        super.init(frame: frame)
        self.delegate = self //将delegate设为自己
    }
    func alertView(alertView: UIAlertView, clickedButtonAtIndex buttonIndex: Int) {
        if let block = completion{ //最主要的Block,当用户点了按钮时回调,先要判断这个Block存在不?
            block(buttonIndex: buttonIndex, alert: alertView)
        }
    }
    func alertView(alertView: UIAlertView, didDismissWithButtonIndex buttonIndex: Int) {
        if let block = didDismissBlock{//其他根据相应的Delegate回调函数依次调用各个Block
            block(buttonIndex: buttonIndex, alert: alertView)
        }
    }
    func alertView(alertView: UIAlertView, willDismissWithButtonIndex buttonIndex: Int) {
        if let block = willDismissBlock{
            block(buttonIndex: buttonIndex, alert: alertView)
        }   
    }
    // 其他几个委托方法也省略了,原理都是一样的
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

参考上面的代码,总体思路是在构造器里面将委托设为自己,再将Delegate里面所有的函数用Block来实现,Block里面的参数和委托回调的函数参数一至.当有委托函数回调时,先判断这个
Block是不是nil,如果不是,则执行该Block
接下来的操作就很容易了

再直接扩展UIAlertView,加上自己想要的链式编程函数
extension UIAlertView {
    static func setMessage(msg:String)->UIAlertView{//在这里设定这个为静态函数,在里面实例化一个BlockAlert对象,再返回该对象
        let alert = BlockAlert()
        alert.message = msg
        return alert
    }
    
    func addAlertStyle(style:UIAlertViewStyle)->UIAlertView{ //直接在各个函数中封装一些操作.再返回自身
        self.alertViewStyle = style
        return self
    }
    
    func addTitle(title:String)->UIAlertView{
        self.title = title
        return self
    }
    
    func addFirstButton(btnTitle:String)->UIAlertView{
        self.addButtonWithTitle(btnTitle)
        return self
    }
    
    func addSecondButton(btnTitle:String)->UIAlertView{
        self.addButtonWithTitle(btnTitle)
        return self
    }
    
    func addButtons(btnTitles:[String])->UIAlertView{
        for title in btnTitles{
            self.addButtonWithTitle(title)
        }
        return self
    }
    
    func addButtonClickEvent(clickButton:((buttonIndex:Int,alert:UIAlertView)->Void)?)->UIAlertView{
        if let alert = self as? BlockAlert{//对于block,先要判断它是不是BlockAlert,如果是的话才添加该block,后面都是这种操作
            alert.completion = clickButton
        }
        return self
    }
    
    //这里也是省略了部分函数,因为原理都是一样的
    func addAlertCancelEvent(event:((alert:UIAlertView)->Void)?)->UIAlertView{
        if let alert = self as? BlockAlert{
            alert.alertWithCancelBlock = event
        }
        return self
    }
    
    
    func alertWithButtonClick(clickButton:((buttonIndex:Int,alert:UIAlertView)->Void)?){
        if let alert = self as? BlockAlert{ //这个为终结函数,没有返回值,在里面直接调用了show()方法.
            alert.completion = clickButton
            alert.show()
        }
    }
}

在这里面我选择了用UIAlverView来扩展,而不是BlockAlert,这样可能会导致开发过程中踩进陷阱.因为在首个静态函数返回的对象是一个BlockAction对象,而不是UIAlertView对象
在后面添加Block时先要判断本身是不是BlockAction对象,如果是的话再将设定Block,所以在开发过程中要小心这个陷阱.当然读者也可以直接扩展BlockAlert,这样会更安全一些.

最后直接使用静态函数加链式编程来弹出Alert
UIAlertView.setMessage("这里要设置信息").addTitle("我是标题").addFirstButton("取消").addSecondButton("确认").alertWithButtonClick { (buttonIndex, alert) -> Void in
            print("你按下了第\(buttonIndex)个按键")
            //你按下了第1个按键
            //你按下了第0个按键
        }

如果要使用其他的委托方法也很简单

   UIAlertView.setMessage("这里要设置信息").addTitle("我是标题").addFirstButton("取消").addSecondButton("确认").addWillPresentEvent { (alert) in
             print("the alertView will present")
        }.addDidPresentEvent { (alert) in
            print("the alertView did present")
        }.alertWithButtonClick { (buttonIndex, alert) in
              print("你按下了第\(buttonIndex)个按键")
        }

当然其他的一些自定义样式,或者是带用户名输入和密码输入框的也很简单

   UIAlertView.setMessage("这里要设置信息").addTitle("我是标题").addFirstButton("取消").addSecondButton("确认").addAlertStyle(.LoginAndPasswordInput).addDidPresentEvent { (alert) in
            print("the alertView did present")
        }.alertWithButtonClick { (buttonIndex, alert) in
            let txt1 = alert.textFieldAtIndex(0)?.text
            let txt2 = alert.textFieldAtIndex(1)?.text
            print("userName:\(txt1) password:\(txt2)")
            //打印出the alertView did present
            //userName:Optional("111") password:Optional("222")
        }
带用户名密码的Alert

可见,使用链式编程加Block的方式基本只需要短短几行代码就可以满足大部分使用UIAlertView的使用场景,写起来很方便快捷.对于UIActionSheet也一样,可以将其完全改造成使用链式编程加Block的形式来使用.这个便留给读者
来完成了.相信看完上面的代码并实践过的读者很快就可以写出来.以上所有代码都可以在我的Github的iOSDemo项目里有所有的示例:
https://github.com/DuckDeck/iOSDemo Library的 GrandCue里面。关于UIAlertView的代码我都删除了,而是用UIAlertController来作为示例。
因为现在Apple还是更推荐开发者使用最新的UIAlertController,它的API设计和UIAlertView是完全不同的.改成了基于Block的回调方式,使用起来更方便了.在这里这篇文章给大家详细地介绍了
UIAlertController详解,有兴趣的读者可以去看看

总结

本文用一个足够简单的例子和大家探讨了怎么将原先使用UIAlertView编程方式改造成基于链式编程和block的编程方式.但是在实际的开发过程中,情况要比这个复杂得多,首先要考虑该业务和逻辑适不适合使用链式编程,其次设计出良好的
链式编程API也是需要花费很大精力的.函数返回值的设计也是很需要功力的,因为它直接影响了下一个调用函数.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,530评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,403评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,120评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,770评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,758评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,649评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,021评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,675评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,931评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,751评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,410评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,004评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,969评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,042评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,493评论 2 343

推荐阅读更多精彩内容

  • 【步骤一】vi 文件名.txt 比如创建文件file.txt,用vi file.txt即可,如下图 【步骤二】:w...
    pinggushi阅读 950评论 0 0
  • 文/07 怀恨 最恨相思寄隔岸 朝夕相望无究叹 伊人行医忙乡途 冷落痴汉心不甘 无聊无趣无奈何 无情无眠无风波 无...
    723edf844d12阅读 201评论 3 10