2.3 创建和配置UITextField与UITextView

UITextField：单行文本输入的神器 ✨

UITextField 是 iOS 开发中用于单行文本输入的核心组件。它非常适合收集用户的简短信息，比如用户名、密码或搜索关键词。纯代码实现 UITextField 让你对它的行为和外观拥有绝对的控制权。

首先，你需要创建一个 UITextField 实例：

let myTextField = UITextField()

接下来，配置它的位置和大小。例如，你可以使用 translatesAutoresizingMaskIntoConstraints = false 配合 NSLayoutConstraint 来进行布局。

myTextField.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(myTextField)

NSLayoutConstraint.activate([
    myTextField.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    myTextField.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 50),
    myTextField.widthAnchor.constraint(equalToConstant: 200),
    myTextField.heightAnchor.constraint(equalToConstant: 40)
])

你可以设置占位文本，引导用户输入：

• myTextField.placeholder = "请输入您的姓名"

还可以自定义键盘类型，例如数字键盘或电子邮件键盘，这极大地提升了用户体验。

• myTextField.keyboardType = .emailAddress

UITextView：多行文本输入的利器 📝

当你需要用户输入较长的文本内容时，UITextView 便是你的不二之选。它支持多行文本输入和滚动，非常适合评论、消息或笔记应用。

创建 UITextView 的方式与 UITextField 类似：

let myTextView = UITextView()

同样，你需要设置它的布局约束：

myTextView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(myTextView)

NSLayoutConstraint.activate([
    myTextView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    myTextView.topAnchor.constraint(equalTo: myTextField.bottomAnchor, constant: 20),
    myTextView.widthAnchor.constraint(equalToConstant: 250),
    myTextView.heightAnchor.constraint(equalToConstant: 150)
])

UITextView 允许你设置初始文本：

• myTextView.text = "这是一个多行文本示例。"

你还可以调整文本的对齐方式，例如居中或右对齐。

• myTextView.textAlignment = .center

样式与交互：让输入框更具吸引力 🎨

无论是 UITextField 还是 UITextView，你都可以通过丰富的属性来定制它们的外观和行为。

• 边框样式：UITextField 可以设置不同的边框样式，例如圆角或直线。
  • myTextField.borderStyle = .roundedRect
• 背景颜色：为输入框设置一个醒目的背景色，让它在界面中脱颖而出。
  • myTextField.backgroundColor = .lightGray
  • myTextView.backgroundColor = .systemTeal
• 字体和颜色：调整文本的字体、大小和颜色，以符合你的应用设计。
  • myTextField.font = UIFont.systemFont(ofSize: 16)
  • myTextView.textColor = .white

代理模式：掌控输入事件 🚀

UITextField 和 UITextView 都支持代理模式，让你能够响应用户的输入事件。通过实现 UITextFieldDelegate 和 UITextViewDelegate 协议中的方法，你可以：

1. 验证输入：在用户输入时检查文本是否符合特定格式。
2. 限制字符数：防止用户输入过多的字符。
3. 响应回车键：在 UITextField 中，你可以捕获回车键事件，例如提交表单。

例如，要让 UITextField 在按下回车键时收起键盘：

extension ViewController: UITextFieldDelegate {
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        textField.resignFirstResponder() // 收起键盘
        return true
    }
}
// 在 viewDidLoad 中设置代理
// myTextField.delegate = self

最佳实践与性能优化 💡

在实际开发中，遵循一些最佳实践可以显著提升用户体验和应用性能。

• 清晰的占位符：使用简洁明了的占位符文本，明确告知用户需要输入什么。
• 合适的键盘类型：根据输入内容的类型选择最合适的键盘，例如，输入数字时使用 .numberPad。
• 实时验证：对于关键输入，考虑在用户输入时进行实时验证，并提供即时反馈。
• 无障碍支持：确保你的输入框对所有用户都易于访问，例如，为它们提供有意义的辅助功能标签。

通过纯代码创建和配置 UITextField 和 UITextView，你将能够构建出高度定制化且功能强大的用户输入界面。这不仅提升了应用的灵活性，也让你对每一个细节都了如指掌！💪