作者:Arthur Knopper, 原文链接 ,原文日期:2015-12-21
译者: pmst ;校对: Cee ;定稿:千叶知风
UIAlertController 类不仅用于呈现警告弹窗,还能够提供 Text Fields 来获取文本信息输入。本教程演示了从用户处获取账号和密码,并打印到终端中。此教程开发环境为 Xcode 7.2 以及 iOS 9。
打开X code,创建一个 Single View Application。输入项目名称: IOS9TextFieldAlertControllerTutorial ,接着填写你独有的 Organization Name 以及 Organization Identifier。选择语言为 Swift 并确保设备为 iPhone 。
前往 Storyboard。从 Object Library(译者注:快捷键 Command + Option + Control + 3) 中拖拽一个按钮(UIButton)到主视图中。双击按钮设置 title 名为 「Log in」。此刻保持按钮为选中状态,按下 Ctrl 键,使用鼠标左键拖拽一条线到主视图上方,弹出黑色信息框,使用 Shift 键选中「Vertical Spacing to Top Layout Guide」和「Center Horizontally in Container」两个选项。
Storyboard 应该是这个样子的。
(译者注:也许你的界面呈现了黄色约束警告,你需要使用 Command + Option + = 快捷键来更新下。)
选中 Assistant Editor ,确保 ViewControllers.swift 可见。选中按钮使用 Ctrl + 左键拖拽方式创建如下 Action。
在 ViewController 类中实现 login 方法:
@IBAction func login(sender: AnyObject) {
// 1.
var usernameTextField: UITextField?
var passwordTextField: UITextField?
// 2.
let alertController = UIAlertController(
title: "Log in",
message: "Please enter your credentials",
preferredStyle: UIAlertControllerStyle.Alert)
// 3.
let loginAction = UIAlertAction(
title: "Log in", style: UIAlertActionStyle.Default) {
(action) -> Void in
if let username = usernameTextField?.text {
print(" Username = /(username)")
} else {
print("No Username entered")
}
if let password = passwordTextField?.text {
print("Password = /(password)")
} else {
print("No password entered")
}
}
// 4.
alertController.addTextFieldWithConfigurationHandler {
(txtUsername) -> Void in
usernameTextField = txtUsername
usernameTextField!.placeholder = "<Your username here>"
}
alertController.addTextFieldWithConfigurationHandler {
(txtPassword) -> Void in
passwordTextField = txtPassword
passwordTextField!.secureTextEntry = true
passwordTextField!.placeholder = "<Your password here>"
}
// 5.
alertController.addAction(loginAction)
self.presentViewController(alertController, animated: true, completion: nil)
}
构建并运行该工程,点击 Login 按钮,填充 AlertController 中的 username 和 password 字段。输入内容随之打印到终端中。
你可以前往 ioscreator 的 GitHub 仓库下载 IOS9TextFieldAlertControllerTutorial 源代码。
本文由 SwiftGG 翻译组翻译,已经获得作者翻译授权,最新文章请访问http://swift.gg。