【笔记】IOS应用添加输入框

发表于 更新于 分类于 阅读次数：

前言

IOS应用添加输入框

添加输入框

  • Show Library->搜索Text Field->将Text Field放到页面中

配置输入框

通过代码获取输入值

  • 按住Control键拖拽到代码区

  • 指定函数名->Connect

  • 通过text属性获取输入值
1
input.text

关闭键盘

  • 结束编辑，关闭键盘
1
input.endEditing(true)

事件

输入框确认

  • 在键盘按下Return键后立即执行
    • 采用UITextFieldDelegate协议
    • 在初始化页面的时候，将输入框的委托设置为self
    • 重写textFieldShouldReturn()委托方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import UIKit

class ViewController: UIViewController, UITextFieldDelegate {

    @IBOutlet weak var input: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        input.delegate = self
    }

    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        
        ...
        
        return true
    }

}

输入结束

  • 在输入结束后立即执行
    • 采用UITextFieldDelegate协议
    • 在初始化页面的时候，将输入框的委托设置为self
    • 重写textFieldShouldEndEditing()委托方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import UIKit

class ViewController: UIViewController, UITextFieldDelegate {

    @IBOutlet weak var input: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        input.delegate = self
    }

    func textFieldShouldEndEditing(_ textField: UITextField) -> Bool {
        
        ...
        
        return true
    }
    
}

退出编辑

  • 在退出编辑后立即执行
    • 采用UITextFieldDelegate协议
    • 在初始化页面的时候，将输入框的委托设置为self
    • 重写textFieldDidEndEditing()委托方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import UIKit

class ViewController: UIViewController, UITextFieldDelegate {

    @IBOutlet weak var input: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        input.delegate = self
    }

    func textFieldDidEndEditing(_ textField: UITextField) {
        ...
    }
    
}

完成

参考文献

哔哩哔哩——疯狂滴小黑