3.2_创建和配置UIButton及事件处理

创建基本的UIButton

在iOS应用中，按钮是用户交互的核心。创建一个UIButton非常直接，它能立即提升你的应用的用户体验！🚀 你可以通过编程方式实例化它，并将其添加到视图层级中。

let myButton = UIButton(type: .system)

这里，我们使用了.system类型，它提供了iOS标准的按钮样式。你还可以选择.custom来完全自定义按钮的外观。

配置按钮的标题和样式

一个按钮的标题是其最重要的组成部分之一。你可以为按钮的不同状态设置不同的标题。

• 普通状态 (Normal State): 这是按钮的默认外观。
• 高亮状态 (Highlighted State): 当用户触摸按钮时显示。

myButton.setTitle("点击我！", for: .normal)
myButton.setTitleColor(.white, for: .normal)
myButton.backgroundColor = .systemBlue
myButton.layer.cornerRadius = 8
myButton.titleLabel?.font = UIFont.systemFont(ofSize: 18, weight: .bold)

这段代码将按钮的背景色设置为蓝色，文字颜色为白色，并使其边角圆润。一个好的设计能让用户一眼识别按钮的功能！✨

添加按钮到视图层级并设置布局

仅仅创建按钮是不够的，你还需要将其添加到视图中，并定义它的位置和大小。

1. 添加到父视图: 使用addSubview()方法。
2. 禁用自动布局转换: translatesAutoresizingMaskIntoConstraints = false是使用Auto Layout的关键一步。
3. 设置约束: 确保按钮在屏幕上正确显示。

view.addSubview(myButton)
myButton.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    myButton.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    myButton.centerYAnchor.constraint(equalTo: view.centerYAnchor),
    myButton.widthAnchor.constraint(equalToConstant: 200),
    myButton.heightAnchor.constraint(equalToConstant: 50)
])

这些约束将按钮水平和垂直居中，并设置了固定的宽度和高度。精确的布局是专业应用的基础！📐

处理按钮点击事件

按钮的真正魔力在于它能响应用户的交互。你可以使用addTarget(_:action:for:)方法来指定当按钮被点击时要执行的代码。

myButton.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)

• self: 目标对象，通常是当前的视图控制器。
• #selector(buttonTapped): 当事件发生时要调用的方法。
• .touchUpInside: 指定事件类型，表示用户在按钮内部抬起手指。

实现按钮的动作方法

现在，你需要实现buttonTapped方法来定义按钮被点击后的行为。

@objc func buttonTapped() {
    print("按钮被点击了！🎉")
    // 可以在这里更新UI，导航到其他屏幕，或者执行其他业务逻辑
    let alert = UIAlertController(title: "提示", message: "你点击了按钮！", preferredStyle: .alert)
    alert.addAction(UIAlertAction(title: "好的", style: .default, handler: nil))
    present(alert, animated: true, completion: nil)
}

请记住，@objc关键字是必需的，因为它允许Objective-C运行时发现并调用这个方法。通过这种方式，你的应用就能与用户进行动态互动了！你已经掌握了按钮的核心用法，现在可以开始构建更复杂的交互了！🚀