Swift 中的 UIButton 带有两个图像

Swift

在 Swift 中，UIButton 是一个非常常用的 UI 控件，它可以用来创建各种类型的按钮，并且可以自定义按钮的外观和交互。其中一个非常有趣的功能是，我们可以给 UIButton 添加两个不同的图像，分别表示按钮的正常状态和选中状态。这样，在用户点击按钮时，按钮的外观就会根据当前的状态进行切换。

在使用 UIButton 添加两个图像之前，我们首先需要准备好这两个图像。可以通过将图像文件拖拽到项目中来添加图像资源。然后，在代码中使用 UIImage(named:) 方法来获取图像对象。例如，假设我们有两个图像文件分别为 "normal.png" 和 "selected.png"，可以使用以下代码获取这两个图像对象：

Swift
let normalImage = UIImage(named: "normal")
let selectedImage = UIImage(named: "selected")

接下来，我们可以创建一个 UIButton，并将获取到的图像对象分别设置为按钮的正常状态和选中状态的图像。可以使用 setImage(_:for:) 方法来设置按钮的图像。例如，以下代码演示了如何创建一个带有两个图像的 UIButton：

Swift
let button = UIButton(type: .custom)
button.frame = CGRect(x: 100, y: 100, width: 200, height: 100)
button.setImage(normalImage, for: .normal)
button.setImage(selectedImage, for: .selected)

通过以上代码，我们创建了一个自定义类型的 UIButton，并设置了按钮的位置和大小。然后，将 normalImage 设置为按钮的正常状态图像，将 selectedImage 设置为按钮的选中状态图像。

在用户点击按钮时，我们可以通过监听按钮的点击事件来进行相应的处理。可以使用 addTarget(_:action:for:) 方法来添加按钮的点击事件的处理方法。例如，以下代码演示了如何为按钮添加一个点击事件处理方法：

Swift
button.addTarget(self, action: #selector(buttonTapped(_:)), for: .touchUpInside)
@objc func buttonTapped(_ sender: UIButton) {
    sender.isSelected = !sender.isSelected
}

通过以上代码，我们为按钮添加了一个名为 buttonTapped(_:) 的点击事件处理方法。在这个方法中，我们将按钮的 isSelected 属性取反，实现了按钮状态的切换。

示例代码：

Swift
import UIKit
class ViewController: UIViewController {
    let normalImage = UIImage(named: "normal")
    let selectedImage = UIImage(named: "selected")
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let button = UIButton(type: .custom)
        button.frame = CGRect(x: 100, y: 100, width: 200, height: 100)
        button.setImage(normalImage, for: .normal)
        button.setImage(selectedImage, for: .selected)
        button.addTarget(self, action: #selector(buttonTapped(_:)), for: .touchUpInside)
        
        view.addSubview(button)
    }
    
    @objc func buttonTapped(_ sender: UIButton) {
        sender.isSelected = !sender.isSelected
    }
}

在上述示例代码中，我们在 viewDidLoad() 方法中创建了一个按钮，并设置了按钮的位置、大小、正常状态图像和选中状态图像。然后，我们为按钮添加了一个点击事件处理方法 buttonTapped(_:)，在这个方法中，我们通过取反按钮的 isSelected 属性来实现按钮状态的切换。

通过以上的示例代码，我们可以在 Swift 中实现一个带有两个图像的 UIButton，并实现按钮状态的切换。这样，我们就可以根据按钮的状态来改变按钮的外观，为用户提供更好的交互体验。