2.2 创建和配置UIButton并添加事件

创建UIButton实例

在iOS应用中，按钮是用户交互的核心。要创建一个按钮，你只需实例化 UIButton 类。例如，你可以这样在 ViewController 中声明一个按钮属性：

let myButton = UIButton(type: .system)

这里，.system 类型是创建标准系统样式按钮的推荐方式，它会自动处理高亮状态。你也可以选择 .custom 类型来完全自定义按钮的外观。

配置按钮的视觉样式

按钮的视觉配置至关重要，它直接影响用户体验。你可以设置按钮的标题、字体和颜色。

• 设置标题：使用 setTitle(_:for:) 方法为不同状态设置标题。

  myButton.setTitle("点击我！", for: .normal)
  myButton.setTitle("已点击", for: .highlighted)

  for: .normal 表示按钮的常规状态，而 for: .highlighted 则表示按钮被按下时的状态。

• 设置字体和颜色：通过 titleLabel 属性访问按钮的文本标签。

  myButton.titleLabel?.font = UIFont.systemFont(ofSize: 20, weight: .bold)
  myButton.setTitleColor(.white, for: .normal)
  myButton.backgroundColor = .systemBlue
  myButton.layer.cornerRadius = 10 // 添加圆角

  这些设置让按钮看起来更具吸引力，并且与应用的整体设计风格保持一致。

添加按钮到视图层级

创建并配置好按钮后，你需要将其添加到视图层级中才能显示出来。

1. 禁用自动布局转换：

   myButton.translatesAutoresizingMaskIntoConstraints = false

   这一步非常关键，它告诉系统你将使用 Auto Layout 来手动布局按钮，而不是让系统自动生成约束。

2. 添加到父视图：

   view.addSubview(myButton)

   将按钮作为子视图添加到 ViewController 的主视图上。

3. 设置布局约束：

   NSLayoutConstraint.activate([
       myButton.centerXAnchor.constraint(equalTo: view.centerXAnchor),
       myButton.centerYAnchor.constraint(equalTo: view.centerYAnchor),
       myButton.widthAnchor.constraint(equalToConstant: 150),
       myButton.heightAnchor.constraint(equalToConstant: 50)
   ])

   这些约束将按钮水平和垂直居中，并设置了固定的宽度和高度。✨ 布局是UI设计的基石！

为按钮添加事件处理

按钮的核心功能是响应用户的点击。你可以通过 addTarget(_:action:for:) 方法为按钮添加一个动作。

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

• self 是目标对象，通常是当前的 ViewController。
• #selector(buttonTapped) 指定了当事件发生时要调用的方法。
• for: .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 关键字，因为 selector 需要引用 Objective-C 运行时可用的方法。这个方法可以包含任何你希望在按钮点击时发生的逻辑，比如显示一个弹窗，或者更新界面上的其他元素。大约有85%的用户界面交互都始于一个按钮点击事件！🚀