zoukankan      html  css  js  c++  java
  • UIAlertController

    你知道 UIAlertView、UIActionSheet (以及它们各自的 delegate protocols) 在 iOS 8 中已经被废弃了吗?

    这是真的。在你的代码中按住QQ图片20141219102558.png点击 UIAlertView 或者 UIActionSheet,你就会看到最上面的注释:

    1
    UIAlertView is deprecated. Use UIAlertController with a preferredStyle of UIAlertControllerStyleAlert instead.

    你可能好奇为什么 Xcode 不直接警告你这个变化呢?别急,往下读:

    1
    @availability(iOS, introduced=2.0)

    虽然类已经被废弃了,但在 @availability 属性中并没有表达出这一点。UIAlertView 目前还是能用的。

    最开始的时候,UIAlertView 充满了无底线的让步,牺牲格式和设计正确性来顺应开发者的喜好。它的 delegate 类型是在初始化函数中注释的 (delegate:(id /*

    UIActionSheet 也一样糟糕,但是开发者大多数时间里都没时间想起那些糟糕的使用方法,与其相关的抱怨特就更少了。

    因此,介绍 UIAlertController 给大家,就好比派出军队解放一座被占领的城市一样。它不仅仅改进了那些让人头疼的 API,也开辟了一条为最新设备上 UIKit 特性适配的新路径。

    本文章的主题就是 UIAlertController,向大家展示如何替换旧的 alert,以及这些操作方法的高级扩展。


    UIAlertController 同时替代了 UIAlertView 和 UIActionSheet,从系统层级上统一了 alert 的概念 —— 即以 modal 方式或 popover 方式展示。

    UIAlertController 是 UIViewController 的子类,而非其先前的方式。因此新的 alert 可以由 view controller 展示相关的配置中获益很多。

    UIAlertController 不管是要用 alert 还是 action sheet 方式展示,都要以 title 和 message 参数来初始化。Alert 会在当前显示的 view controller 中心以模态形式出现,action sheet 则会在底部滑出。Alert 可以同时有按钮和输入框,action sheet 仅支持按钮。

    新的方式并没有把所有的 alert 按钮配置都放在初始化函数中,而是引入了一个新类 UIAlertAction 的对象,在初始化之后可以进行配置。这种形式的 API 重构让对按钮数量、类型、顺序方便有了更大的控制。同时也弃用了 UIAlertView 和 UIActionSheet 使用的delegate 这种方式,而是采用更简便的完成时回调。

    新旧 Alert 方式对比

    标准的 Alert 样式

    uialertcontroller-alert-defautl-style.png

    旧方法:UIAlertView

    1
    2
    3
    let alertView = UIAlertView(title: "Default Style", message: "A standard alert.", delegate: self, cancelButtonTitle: "Cancel", otherButtonTitles: "OK")
    alertView.alertViewStyle = .Default
    alertView.show()
    1
    2
    3
    4
    5
    6
    // MARK: UIAlertViewDelegate
    func alertView(alertView: UIAlertView, clickedButtonAtIndex buttonIndex: Int) {
        switch buttonIndex {
            // ...
        }
    }

    新方法:UIAlertController

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    let alertController = UIAlertController(title: "Default Style", message: "A standard alert.", preferredStyle: .Alert)
    let cancelAction = UIAlertAction(title: "Cancel", style: .Cancel) { (action) in
        // ...
    }
    alertController.addAction(cancelAction)
    let OKAction = UIAlertAction(title: "OK", style: .Default) { (action) in
        // ...
    }
    alertController.addAction(OKAction)
    self.presentViewController(alertController, animated: true) {
        // ...
    }

    标准的 Action Sheet 样式

    uialertcontroller-action-sheet-automatic-style.png

    UIActionSheet

    1
    2
    3
    let actionSheet = UIActionSheet(title: "Takes the appearance of the bottom bar if specified; otherwise, same as UIActionSheetStyleDefault.", delegate: self, cancelButtonTitle: "Cancel", destructiveButtonTitle: "Destroy", otherButtonTitles: "OK")
    actionSheet.actionSheetStyle = .Default
    actionSheet.showInView(self.view)
    1
    2
    3
    4
    5
    6
    // MARK: UIActionSheetDelegate
    func actionSheet(actionSheet: UIActionSheet, clickedButtonAtIndex buttonIndex: Int) {
        switch buttonIndex {
            ...
        }
    }

    UIAlertController

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    let alertController = UIAlertController(title: nil, message: "Takes the appearance of the bottom bar if specified; otherwise, same as UIActionSheetStyleDefault.", preferredStyle: .ActionSheet)
    let cancelAction = UIAlertAction(title: "Cancel", style: .Cancel) { (action) in
        // ...
    }
    alertController.addAction(cancelAction)
    let OKAction = UIAlertAction(title: "OK", style: .Default) { (action) in
        // ...
    }
    alertController.addAction(OKAction)
    let destroyAction = UIAlertAction(title: "Destroy", style: .Destructive) { (action) in
        println(action)
    }
    alertController.addAction(destroyAction)
    self.presentViewController(alertController, animated: true) {
        // ...
    }

    新功能

    UIAlertController 并不只是对已有的 API 做了清理,而是进行了标准化归纳。以前,预设的样式闲置有很多(swizzling 虽然可以提供更多的功能但还是有很大风险)。UIAlertController 让以前看起来很神奇的事情变为了可能。

    UIAlertController is not just a cleanup of pre-existing APIs, it's a generalization of them. Previously, one was constrained to whatever presets were provided (swizzling in additional functionality at their own risk). With UIAlertController, it's possible to do a lot more out-of-the-box:

    带有警示按钮的 Alert

    uialertcontroller-alert-cancel-destroy.png

    这种行为已经被 UIAlertActionStyle 所涵盖,共有三种类型:

    .Default: 对按钮应用标准样式。

    .Cancel: 对按钮应用取消样式,代表取消操作不做任何改变。

    .Destructive: 对按钮应用警示性的样式,提示用户这样做可能会改变或删除某些数据。

    所以想要对模态的 alert 加一个警示性的按钮,只需要加上 .Destructive 风格的 UIAlertAction 属性:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    let alertController = UIAlertController(title: "Title", message: "Message", preferredStyle: .Alert)
    let cancelAction = UIAlertAction(title: "Cancel", style: .Cancel) { (action) in
        println(action)
    }
    alertController.addAction(cancelAction)
    let destroyAction = UIAlertAction(title: "Destroy", style: .Destructive) { (action) in
        println(action)
    }
    alertController.addAction(destroyAction)
    self.presentViewController(alertController, animated: true) {
        // ...
    }

    大于 2 个按钮的 Alert

    uialertcontroller-alert-one-two-three-cancel.png

    有 1 个或者 2 个操作的时候,按钮会水平排布。更多按钮的情况,就会像 action sheet 那样展示:

    1
    2
    3
    4
    5
    6
    7
    8
    let oneAction = UIAlertAction(title: "One", style: .Default) { (_) in }
    let twoAction = UIAlertAction(title: "Two", style: .Default) { (_) in }
    let threeAction = UIAlertAction(title: "Three", style: .Default) { (_) in }
    let cancelAction = UIAlertAction(title: "Cancel", style: .Cancel) { (_) in }
    alertController.addAction(oneAction)
    alertController.addAction(twoAction)
    alertController.addAction(threeAction)
    alertController.addAction(cancelAction)

    创建登录表单

    uialertcontroller-alert-username-password-login-forgot-password-cancel.png

    iOS 5 就为 UIAlertView 加入了 alertViewStyle 属性,将原本私有的 API 暴露出来给开发者使用 —— 像某些系统内建应用一样允许在 alert 中显示登录和密码框。

    在 iOS 8 中,UIAlertController 则加入了 addTextFieldWithConfigurationHandler 方法:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    let loginAction = UIAlertAction(title: "Login", style: .Default) { (_) in
        let loginTextField = alertController.textFields![0] as UITextField
        let passwordTextField = alertController.textFields![1] as UITextField
        login(loginTextField.text, passwordTextField.text)
    }
    loginAction.enabled = false
    let forgotPasswordAction = UIAlertAction(title: "Forgot Password", style: .Destructive) { (_) in }
    let cancelAction = UIAlertAction(title: "Cancel", style: .Cancel) { (_) in }
    alertController.addTextFieldWithConfigurationHandler { (textField) in
        textField.placeholder = "Login"
        NSNotificationCenter.defaultCenter().addObserverForName(UITextFieldTextDidChangeNotification, object: textField, queue: NSOperationQueue.mainQueue()) { (notification) in
            loginAction.enabled = textField.text != ""
        }
    }
    alertController.addTextFieldWithConfigurationHandler { (textField) in
        textField.placeholder = "Password"
        textField.secureTextEntry = true
    }
    alertController.addAction(loginAction)
    alertController.addAction(forgotPasswordAction)
    alertController.addAction(cancelAction)

    创建注册表单

    uialertcontroller-alert-sign-up.png

    UIAlertController 想得比以前更周到一些,它提供了展示无限个输入框的权限,并且每一个输入框都可以根据需求进行自定义。这让仅在一个模态的 alert 中实现完善的注册功能成为可能:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    alertController.addTextFieldWithConfigurationHandler { (textField) in
        textField.placeholder = "Email"
        textField.keyboardType = .EmailAddress
    }
    alertController.addTextFieldWithConfigurationHandler { (textField) in
        textField.placeholder = "Password"
        textField.secureTextEntry = true
    }
    alertController.addTextFieldWithConfigurationHandler { (textField) in
        textField.placeholder = "Password Confirmation"
        textField.secureTextEntry = true
    }

    虽然有了这些,但必须要说明的是,不用矫枉过正。不能因为你可以这样做,就代表你应该这样做。忘了这玩意吧,提供一个 view controller 来做注册功能吧,因为你本就应该这样做!

    注意

    如果试图向 alert controller 添加带有 .ActionSheet 属性的输入框,将会抛出异常:

    1
    Terminating app due to uncaught exception NSInternalInconsistencyException, reason: 'Text fields can only be added to an alert controller of style UIAlertControllerStyleAlert'

    同样的,向 alert 或 action sheet 添加一个以上的 .Cancel 按钮将会抛出异常:

    1
    Terminating app due to uncaught exception NSInternalInconsistencyException, reason: 'UIAlertController can only have one action with a style of UIAlertActionStyleCancel'

    (文章由Croath Liu翻译自NShipster)

  • 相关阅读:
    Spring 中出现Element : property Bean definitions can have zero or more properties. Property elements correspond to JavaBean setter methods exposed by the bean classes. Spring supports primitives, refer
    java定时器schedule和scheduleAtFixedRate区别
    hql语句中的select字句和from 字句
    使用maven搭建hibernate的pom文件配置
    Failure to transfer org.apache.maven:maven-archiver:pom:2.5 from http://repo.maven.apache.org/ maven2 was cached in the local repository, resolution will not be reattempted until the update interv
    对于文件File类型中的目录分隔符
    hibernate的事务管理和session对象的详解
    解决mac 中的myeclipse控制台中文乱码问题
    ibatis selectKey用法问题
    Java中getResourceAsStream的用法
  • 原文地址:https://www.cnblogs.com/itlover2013/p/4173601.html
Copyright © 2011-2022 走看看