iOS好文章首页投稿(暂停使用,暂停投稿)程序员

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

2016-03-26  本文已影响1499人  黑暗中的孤影

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也是需要花费很大精力的.函数返回值的设计也是很需要功力的,因为它直接影响了下一个调用函数.

上一篇下一篇

猜你喜欢

热点阅读