当前位置: > > > Swift - 告警提示框(UIAlertController)的用法

Swift - 告警提示框(UIAlertController)的用法

(本文代码已升级至Swift3)

iOS8 起,苹果就建议告警框使用 UIAlertController 来代替 UIAlertView UIActionSheel。下面总结了一些常见的用法。

1,简单的应用(同时按钮响应Handler使用闭包函数)
  
import UIKit

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    
    override func viewDidAppear(_ animated: Bool){
        super.viewDidAppear(animated)
        
        let alertController = UIAlertController(title: "系统提示",
                        message: "您确定要离开hangge.com吗?", preferredStyle: .alert)
        let cancelAction = UIAlertAction(title: "取消", style: .cancel, handler: nil)
        let okAction = UIAlertAction(title: "好的", style: .default, handler: {
            action in
            print("点击了确定")
        })
        alertController.addAction(cancelAction)
        alertController.addAction(okAction)
        self.present(alertController, animated: true, completion: nil)
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

2,除了弹出,还可以使用从底部向上滑出的样式
(注意:如果上拉菜单中有“取消”按钮的话,那么它永远都会出现在菜单的底部,不管添加的次序是如何)
 
let alertController = UIAlertController(title: "保存或删除数据", message: "删除数据将不可恢复",
                                        preferredStyle: .actionSheet)
let cancelAction = UIAlertAction(title: "取消", style: .cancel, handler: nil)
let deleteAction = UIAlertAction(title: "删除", style: .destructive, handler: nil)
let archiveAction = UIAlertAction(title: "保存", style: .default, handler: nil)
alertController.addAction(cancelAction)
alertController.addAction(deleteAction)
alertController.addAction(archiveAction)
self.present(alertController, animated: true, completion: nil)

3,按钮使用“告警”样式(文字颜色变红,用来来警示用户)
  
let okAction = UIAlertAction(title: "好的", style: .destructive, handler: nil)

4,添加任意数量文本输入框(比如可以用来实现个登陆框)
  
import UIKit

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    
    override func viewDidAppear(_ animated: Bool){
        super.viewDidAppear(animated)
        
        let alertController = UIAlertController(title: "系统登录",
                            message: "请输入用户名和密码", preferredStyle: .alert)
        alertController.addTextField {
            (textField: UITextField!) -> Void in
            textField.placeholder = "用户名"
        }
        alertController.addTextField {
            (textField: UITextField!) -> Void in
            textField.placeholder = "密码"
            textField.isSecureTextEntry = true
        }
        let cancelAction = UIAlertAction(title: "取消", style: .cancel, handler: nil)
        let okAction = UIAlertAction(title: "好的", style: .default, handler: {
            action in
            //也可以用下标的形式获取textField let login = alertController.textFields![0]
            let login = alertController.textFields!.first!
            let password = alertController.textFields!.last!
            print("用户名:\(login.text) 密码:\(password.text)")
        })
        alertController.addAction(cancelAction)
        alertController.addAction(okAction)
        self.present(alertController, animated: true, completion: nil)
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

5,使用代码移除提示框
self.presentedViewController?.dismiss(animated: false, completion: nil)

6,提示框弹出后,过段时间自动移除
下面样例弹出一个不带按钮的消息提示框,过个两秒钟提示框自动消失。
let alertController = UIAlertController(title: "保存成功!",
                                        message: nil, preferredStyle: .alert)
//显示提示框
self.present(alertController, animated: true, completion: nil)
//两秒钟后自动消失
DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 2) {
    self.presentedViewController?.dismiss(animated: false, completion: nil)
}

附:扩展 UIAlertController 方便使用

从上面的样例可以发现,每次要弹出提示框都要创建一个 UIAlertController,然后添加 action 按钮,最后再通过对应的视图控制器 present 出来。我们可以对 UIAlertController 进行个扩展,把这些操作做个封装,方便使用。

1,UIAlertController扩展(UIAlertExtension.swift)

这里增加两种提示框效果:普通消息提示框、确认提示框。并且每个提示框都可以指定显示的 VC(不指定的话则为根 VC
import UIKit

extension UIAlertController {
    //在指定视图控制器上弹出普通消息提示框
    static func showAlert(message: String, in viewController: UIViewController) {
        let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert)
        alert.addAction(UIAlertAction(title: "确定", style: .cancel))
        viewController.present(alert, animated: true)
    }
    
    //在根视图控制器上弹出普通消息提示框
    static func showAlert(message: String) {
        if let vc = UIApplication.shared.keyWindow?.rootViewController {
            showAlert(message: message, in: vc)
        }
    }
    
    //在指定视图控制器上弹出确认框
    static func showConfirm(message: String, in viewController: UIViewController,
                            confirm: ((UIAlertAction)->Void)?) {
        let alert = UIAlertController(title: nil, message: message, preferredStyle: .alert)
        alert.addAction(UIAlertAction(title: "取消", style: .cancel))
        alert.addAction(UIAlertAction(title: "确定", style: .default, handler: confirm))
        viewController.present(alert, animated: true)
    }
    
    //在根视图控制器上弹出确认框
    static func showConfirm(message: String, confirm: ((UIAlertAction)->Void)?) {
        if let vc = UIApplication.shared.keyWindow?.rootViewController {
            showConfirm(message: message, in: vc, confirm: confirm)
        }
    }
}

2,使用样例

下面分别调用两种提示框:
//弹出普通消息提示框
UIAlertController.showAlert(message: "保存成功!")

//弹出确认选择提示框
UIAlertController.showConfirm(message: "是否提交?") { (_) in
    print("点击了确认按钮!")
}
运行效果如下:
            
评论14
  • 14楼
    2018-01-05 15:09
    LL

    站长您好,现在我有一个问题。 我在一个自己写的类中(不是uicontroller类)收到一条特定消息后想在当前页面跳出弹框 应该怎么做呢 self.present这个方法应该是只能在UIController中使用

    站长回复

    有两种方式可以解决:

    一个是使用代理协议,就是把当前的VC视图控制器传入到你写的类中,这样你的类里面就可以调用这个VC的present方法。
    另一个使用通知来实现,这个也更灵活些,具体可以参考我之前写的这篇文章:Swift - 使用NotificationCenter发送通知,接收通知

  • 13楼
    2017-11-20 10:34
    123123

    站长,点击好的之后怎么跳到指定界面啊

    站长回复

    在按钮点击响应中直接通过present方法跳转就好了。

  • 12楼
    2017-10-08 13:07
    ANZH128

    谢谢站长

    站长回复

    不客气。欢迎常来看看,我会持续更新的。

  • 11楼
    2017-04-06 16:04
    相思如麻婆豆腐

    请问能让按钮是任意颜色吗

    站长回复

    当然可以修改,我这几天也打算写篇相关文章,你可关注下。

  • 10楼
    2016-09-13 23:02
    故长楚

    站长,我想问一下,如果我想让这个自动消失的alert,给它设定一个时间,让它持续多少秒之后再消失。
    例如,有一个“保存”的按钮,我点击“保存”之后,弹出对话框,提示“成功保存”,在提示仍然存在的情况下,当前页面跳转回上一个页面,然后,alert才消失

    站长回复

    我在文章末尾添加了相关样例,你可以再看下。

  • 9楼
    2016-04-05 10:13
    linjoe

    站长,可以请教一下,如果点击提示框选项以后变更选项属性该怎么弄呢(就好比我点击了图2的“删除”,然后再出现提示框的时候“删除”选项变成“恢复”选项)。谢谢站长咯 (╯°口°)╯

    站长回复

    提示框选项UIAlertAction的title是只读的,所以没法改变。你只能定义两个alertController(一个包含删除选项,一个包含恢复选项),根据情况判断弹出哪个alertController

  • 8楼
    2016-04-04 10:37
    奈落

    nice

    站长回复

    :)

  • 7楼
    2016-03-23 16:04
    linjoe

    在您写的第2条里,找不到点击提示框选项的函数呢,可以说一下吗

    站长回复

    参照我前面的回复。

  • 6楼
    2016-03-23 15:59
    linjoe

    站长,没有写点击选项的函数?没找到呢

    站长回复

    第2个样例为了让代码看起来简洁些就没写点击响应函数了(handler: nil)。
    如果需要的话,可以参照第一个样例“好的”按钮点击事件,写法是一样的。

  • 5楼
    2016-03-21 17:38
    航哥我爱你

    站长 为何写不写UIActionSheetDelegate 都不会出错

    站长回复

    UIActionSheetDelegate已被废弃,不需要了。我不小心多写上去,现已修正。

  • 4楼
    2016-02-29 21:56
    幼儿园

    如果我是用了很多个textfield,改怎么获取他们的值呢?

    站长回复

    可以通过下标获取,比如:alertController.textFields![0]
    alertController.textFields![1]

  • 3楼
    2016-02-06 17:59
    学前班

    5,使用代码移除提示框
    1. self.presentedViewController?.dismissViewControllerAnimated(false, completion: nil)

    self.presentViewController(alertController, animated: true, completion: nil)
    } 中的 animated:true
    有什么区别?animated不能指令窗口的取消或调用?

    站长回复

    self.presentViewController(alertController, animated: true, completion: nil) 是用来把视图显示出来的,其中animated参数表示显示的过程中是否需要动画,不是用来控制视图显示或取消的。

  • 2楼
    2016-01-05 09:02
    小学生

    good

    站长回复

    ^_^

  • 1楼
    2015-09-02 16:54
    wjie

    点击确定和取消,不起作用是怎么回事呢?也使用了UIActionSheetDelegate

    站长回复

    刚重新测试了下,是没问题的.(第1个样例点好的,控制台会打印出消息.第4个会在控制台打印用户密码)