如何从数组创建多个依次排列的UISwitch并添加至弹窗视图？

嘿，太懂手动创建15个UISwitch的崩溃感了！在iOS里完全可以像Android那样用循环批量生成，还能轻松搞定自动排列——下面就一步步帮你解决问题：

UIStackView是iOS里批量排列控件的神器，不用手动算frame，自动适配不同屏幕，比手动布局省心太多

第一步：准备开关的数据源 #

先定义一个数组，存每个开关对应的标题或唯一标识，方便后续区分每个开关的状态：

// 示例：15个开关的标题数组，你可以换成自己的业务标识
let switchConfigs = ["通知权限", "定位权限", "蓝牙权限", "自动同步", "夜间模式",
                    "自动更新", "离线缓存", "消息提醒", "声音开关", "震动开关",
                    "个性化推荐", "数据统计", "深色模式", "自动锁屏", "流量节省"]

第二步：创建容器视图（推荐用UIStackView） #

先给弹窗视图加一个垂直方向的StackView，用来承载所有开关：

// 初始化垂直StackView，设置间距和对齐方式
let switchContainerStack = UIStackView()
switchContainerStack.axis = .vertical
switchContainerStack.spacing = 16 // 开关之间的间距，可按需调整
switchContainerStack.alignment = .leading
switchContainerStack.translatesAutoresizingMaskIntoConstraints = false

// 把StackView添加到你的弹窗视图里
popupView.addSubview(switchContainerStack)

// 给StackView加约束，让它在弹窗里合理布局（比如上下左右留边距）
NSLayoutConstraint.activate([
    switchContainerStack.topAnchor.constraint(equalTo: popupView.topAnchor, constant: 24),
    switchContainerStack.leadingAnchor.constraint(equalTo: popupView.leadingAnchor, constant: 24),
    switchContainerStack.trailingAnchor.constraint(equalTo: popupView.trailingAnchor, constant: -24),
    switchContainerStack.bottomAnchor.constraint(equalTo: popupView.bottomAnchor, constant: -24)
])

第三步：循环批量创建UISwitch并添加到容器 #

循环遍历数据源，给每个开关设置状态、标记，再添加到StackView里（建议每个开关搭配一个标题标签，放在水平StackView里，布局更美观）：

for (index, config) in switchConfigs.enumerated() {
    // 创建水平StackView，用来放标题标签和开关
    let rowStack = UIStackView()
    rowStack.axis = .horizontal
    rowStack.spacing = 12
    rowStack.alignment = .center
    
    // 创建标题标签
    let titleLabel = UILabel()
    titleLabel.text = config
    titleLabel.font = UIFont.systemFont(ofSize: 16)
    
    // 创建UISwitch
    let customSwitch = UISwitch()
    customSwitch.isOn = false // 默认关闭状态，可按需修改
    customSwitch.tag = index // 用tag标记每个开关，后续区分用
    // 添加状态变化监听
    customSwitch.addTarget(self, action: #selector(switchStateChanged(_:)), for: .valueChanged)
    
    // 把标签和开关加到水平StackView
    rowStack.addArrangedSubview(titleLabel)
    rowStack.addArrangedSubview(customSwitch)
    
    // 把水平StackView加到垂直容器StackView里
    switchContainerStack.addArrangedSubview(rowStack)
}

第四步：处理每个开关的独立状态变化 #

实现监听方法，根据tag或数据源索引区分每个开关，处理对应的业务逻辑：

@objc private func switchStateChanged(_ sender: UISwitch) {
    let switchIndex = sender.tag
    let switchTitle = switchConfigs[switchIndex]
    let isSwitchOn = sender.isOn
    
    // 这里可以做你需要的逻辑，比如保存状态到UserDefaults
    UserDefaults.standard.set(isSwitchOn, forKey: switchTitle)
    
    // 调试打印，确认每个开关的状态
    print("开关「\(switchTitle)」状态变为：\(isSwitchOn ? "开启" : "关闭")")
}

为什么你之前的开关没显示？ #

你之前只创建了UISwitch对象，但没有把它添加到父视图，也没有设置布局约束（要么手动设置frame，要么用AutoLayout），所以控件不会出现在屏幕上。用StackView的话，只要把控件加到StackView，再给StackView设置约束，就会自动显示啦！

内容的提问来源于stack exchange，提问作者CrimzonWeb