iOS 循环创建button 单选

原创

mob64ca12e63b18 2024-06-06 03:43:07 ©著作权

文章标签 iOS 单选点击事件 文章分类 iOS 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12e63b18的原创作品，请联系作者获取转载授权，否则将追究法律责任

iOS循环创建button单选

在iOS开发中，有时我们需要循环创建一组按钮，并且只能选择其中一个按钮。这种需求在很多应用中都会遇到，比如设置页面中的选项按钮或者答题页面中的选择题。

本文将介绍如何使用Swift语言在iOS应用中循环创建按钮，并且实现单选功能。

创建按钮并设置单选功能

首先，我们需要在视图中创建一组按钮，并将它们添加到视图中。然后，我们需要为每个按钮添加点击事件，以便在用户点击按钮时更新按钮的选中状态。

import UIKit

class ViewController: UIViewController {
    var buttons = [UIButton]()

    override func viewDidLoad() {
        super.viewDidLoad()

        let buttonTitles = ["Option 1", "Option 2", "Option 3"]
        for title in buttonTitles {
            let button = UIButton()
            button.setTitle(title, for: .normal)
            button.setTitleColor(.black, for: .normal)
            button.addTarget(self, action: #selector(buttonTapped(_:)), for: .touchUpInside)
            buttons.append(button)
            view.addSubview(button)
        }
    }

    @objc func buttonTapped(_ sender: UIButton) {
        for button in buttons {
            if button == sender {
                button.isSelected = true
            } else {
                button.isSelected = false
            }
        }
    }
}

在上面的代码中，我们循环创建了三个按钮，并为每个按钮添加了点击事件。在buttonTapped方法中，我们遍历所有按钮，如果当前按钮是用户点击的按钮，则将其设为选中状态，否则取消选中状态。

状态图

下面是按钮的选中状态的状态图，其中包括了按钮的选中和非选中两种状态：

stateDiagram
    [*] --> Unselected
    Unselected --> Selected: button.isSelected = true
    Selected --> Unselected: button.isSelected = false

关系图

这里是按钮和点击事件之间的关系图：

erDiagram
    BUTTONS ||--|{ CLICK_EVENT : triggers
    CLICK_EVENT {
        int clickedButtonIndex
    }
    BUTTONS {
        int count
        UIButton[] buttons
    }