3.3_创建和配置UITextField与UITextView

创建和配置 UITextField

想在你的 iOS 应用中加入文本输入功能吗？UITextField 就是你的好帮手！它允许用户输入单行文本，非常适合用户名、密码或搜索框等场景。让我们一起看看如何创建和配置它吧！🎉

首先，你需要创建一个 UITextField 的实例。你可以通过代码直接创建：

let textField = UITextField()

接下来，你可以设置一些属性来定制 UITextField 的外观和行为。例如，你可以设置它的占位符文本，当文本框为空时显示：

textField.placeholder = "请输入用户名"

你还可以设置键盘类型，以便用户输入特定类型的数据，比如数字或电子邮件地址：

textField.keyboardType = .emailAddress

此外，你还可以设置文本框的边框样式，使其更具吸引力：

textField.borderStyle = .roundedRect

创建和配置 UITextView

如果需要处理多行文本输入，UITextView 就是你的理想选择。它允许用户输入和编辑大段文本，非常适合文本编辑器或消息应用等场景。让我们一起探索如何创建和配置它吧！🚀

与 UITextField 类似，你可以通过代码创建一个 UITextView 的实例：

let textView = UITextView()

UITextView 默认情况下是可编辑的，但你可以通过设置 isEditable 属性来禁用编辑：

textView.isEditable = false

你还可以设置文本视图的字体、颜色和对齐方式，以满足你的设计需求：

textView.font = UIFont.systemFont(ofSize: 16)
textView.textColor = .darkGray
textView.textAlignment = .left

UITextField 和 UITextView 的常用属性

无论是 UITextField 还是 UITextView，都有一些常用的属性可以帮助你更好地控制它们的外观和行为。

• text: 获取或设置文本框/文本视图中显示的文本。
• textColor: 设置文本颜色。
• font: 设置文本字体。
• textAlignment: 设置文本对齐方式。
• backgroundColor: 设置背景颜色。
• delegate: 设置代理对象，用于响应文本框/文本视图的事件。

UITextField 和 UITextView 的事件处理

UITextField 和 UITextView 都可以通过代理对象来响应用户的交互事件。你可以实现 UITextFieldDelegate 或 UITextViewDelegate 协议中的方法来处理这些事件。

例如，你可以使用 textFieldShouldReturn(_:) 方法来处理用户点击键盘上的 "Return" 键的事件：

func textFieldShouldReturn(_ textField: UITextField) -> Bool {
    textField.resignFirstResponder() // 隐藏键盘
    return true
}

同样，你可以使用 textViewDidChange(_:) 方法来监听文本视图中文本的变化：

func textViewDidChange(_ textView: UITextView) {
    print("文本已更改：\(textView.text ?? "")")
}

通过这些事件处理，你可以实现各种各样的功能，比如验证用户输入、自动调整文本视图的大小等等。 📝

示例代码

以下是一个简单的示例，展示了如何创建一个 UITextField 和一个 UITextView，并将它们添加到视图中：

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let textField = UITextField()
        textField.placeholder = "请输入用户名"
        textField.borderStyle = .roundedRect
        textField.frame = CGRect(x: 20, y: 100, width: 200, height: 30)
        view.addSubview(textField)

        let textView = UITextView()
        textView.text = "请输入您的评论"
        textView.frame = CGRect(x: 20, y: 150, width: 200, height: 100)
        view.addSubview(textView)
    }
}

希望这个教程能帮助你更好地理解和使用 UITextField 和 UITextView！ 🥳