Swift单ViewController中多PickerView实现及动态切换方案咨询

当然可以实现！我来给你两套实用的方案，不管是你提到的UIPickerView切换内容，还是更节省空间的下拉菜单，都能完美适配答题应用的多参数设置需求。

这种方案适合需要直观展示所有选项的场景，核心思路是用一个变量标记当前要展示的参数类型，点击按钮时切换该变量并刷新PickerView。

完整代码示例 #

import UIKit

class ViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate {
    
    // 定义答题应用所需的不同参数选项
    private let difficultyOptions = ["简单", "中等", "困难"]
    private let questionTypeOptions = ["选择题", "填空题", "简答题"]
    private let scoreOptions = ["5分", "10分", "15分", "20分"]
    
    // 用枚举管理参数类型，避免混乱
    enum PickerType {
        case difficulty, questionType, score
    }
    
    // 当前选中的参数类型，默认显示难度选项
    private var currentPickerType: PickerType = .difficulty
    
    // Storyboard关联的控件
    @IBOutlet weak var parameterPicker: UIPickerView!
    @IBOutlet weak var difficultyBtn: UIButton!
    @IBOutlet weak var typeBtn: UIButton!
    @IBOutlet weak var scoreBtn: UIButton!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        parameterPicker.dataSource = self
        parameterPicker.delegate = self
        setupButtonActions()
        // 初始化按钮高亮状态
        updateButtonHighlight(difficultyBtn)
    }
    
    // 给按钮绑定点击事件
    private func setupButtonActions() {
        difficultyBtn.addTarget(self, action: #selector(switchToDifficulty), for: .touchUpInside)
        typeBtn.addTarget(self, action: #selector(switchToQuestionType), for: .touchUpInside)
        scoreBtn.addTarget(self, action: #selector(switchToScore), for: .touchUpInside)
    }
    
    // 切换到难度参数
    @objc private func switchToDifficulty() {
        currentPickerType = .difficulty
        parameterPicker.reloadAllComponents()
        updateButtonHighlight(difficultyBtn)
    }
    
    // 切换到题型参数
    @objc private func switchToQuestionType() {
        currentPickerType = .questionType
        parameterPicker.reloadAllComponents()
        updateButtonHighlight(typeBtn)
    }
    
    // 切换到分值参数
    @objc private func switchToScore() {
        currentPickerType = .score
        parameterPicker.reloadAllComponents()
        updateButtonHighlight(scoreBtn)
    }
    
    // 更新按钮高亮样式，让用户清楚当前选中的参数
    private func updateButtonHighlight(_ selectedBtn: UIButton) {
        [difficultyBtn, typeBtn, scoreBtn].forEach { btn in
            btn?.isSelected = (btn == selectedBtn)
            btn?.backgroundColor = btn?.isSelected ?? false ? .systemBlue : .systemGray5
            btn?.setTitleColor(.white, for: .selected)
            btn?.setTitleColor(.black, for: .normal)
        }
    }
    
    // MARK: - UIPickerView 数据源方法
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1 // 单列PickerView
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        switch currentPickerType {
        case .difficulty: return difficultyOptions.count
        case .questionType: return questionTypeOptions.count
        case .score: return scoreOptions.count
        }
    }
    
    // MARK: - UIPickerView 代理方法
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        switch currentPickerType {
        case .difficulty: return difficultyOptions[row]
        case .questionType: return questionTypeOptions[row]
        case .score: return scoreOptions[row]
        }
    }
    
    // 获取用户选中的内容，用于后续答题逻辑
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        let selectedValue: String
        switch currentPickerType {
        case .difficulty:
            selectedValue = difficultyOptions[row]
            print("当前选中难度：\(selectedValue)")
        case .questionType:
            selectedValue = questionTypeOptions[row]
            print("当前选中题型：\(selectedValue)")
        case .score:
            selectedValue = scoreOptions[row]
            print("当前选中分值：\(selectedValue)")
        }
        // 这里可以把选中的值保存到ViewModel或全局变量中，供答题模块使用
    }
}

关键说明 #

• 用PickerType枚举管理参数类型，代码更易维护，避免硬编码字符串
• 点击按钮时切换currentPickerType并调用reloadAllComponents()刷新PickerView
• updateButtonHighlight方法用来区分当前激活的参数按钮，提升用户体验
• 在PickerView的数据源和代理方法中，根据currentPickerType返回对应选项

如果觉得PickerView占用太多屏幕空间，下拉菜单是更轻量化的选择，适合多参数同时展示的场景。这里用UIPopoverPresentationController配合UITableView实现，在iPad上会以气泡形式弹出，iPhone上自动全屏适配。

完整代码示例 #

import UIKit

// 自定义下拉菜单的TableViewController
class DropdownMenuVC: UITableViewController {
    // 菜单选项数组
    var options: [String] = []
    // 选中回调闭包
    var onOptionSelected: ((String) -> Void)?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "OptionCell")
        // 设置菜单的默认尺寸
        preferredContentSize = CGSize(width: 200, height: CGFloat(options.count * 44))
    }
    
    // MARK: - TableView 数据源
    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return options.count
    }
    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "OptionCell", for: indexPath)
        cell.textLabel?.text = options[indexPath.row]
        cell.selectionStyle = .gray
        return cell
    }
    
    // MARK: - TableView 代理
    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        let selectedOption = options[indexPath.row]
        onOptionSelected?(selectedOption)
        dismiss(animated: true)
    }
}

// 主ViewController
class ViewController: UIViewController {
    // 不同参数的选项数组
    private let difficultyOptions = ["简单", "中等", "困难"]
    private let questionTypeOptions = ["选择题", "填空题", "简答题"]
    private let scoreOptions = ["5分", "10分", "15分", "20分"]
    
    // 显示当前选中值的按钮（点击弹出下拉菜单）
    @IBOutlet weak var difficultyBtn: UIButton!
    @IBOutlet weak var typeBtn: UIButton!
    @IBOutlet weak var scoreBtn: UIButton!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 初始化按钮显示默认值
        difficultyBtn.setTitle("简单", for: .normal)
        typeBtn.setTitle("选择题", for: .normal)
        scoreBtn.setTitle("5分", for: .normal)
    }
    
    // 弹出下拉菜单的通用方法
    private func showDropdown(from sender: UIButton, options: [String]) {
        let menuVC = DropdownMenuVC(style: .plain)
        menuVC.options = options
        menuVC.onOptionSelected = { [weak self] selectedOption in
            sender.setTitle(selectedOption, for: .normal)
            // 这里处理选中后的业务逻辑
            switch sender {
            case self?.difficultyBtn:
                print("选中难度：\(selectedOption)")
            case self?.typeBtn:
                print("选中题型：\(selectedOption)")
            case self?.scoreBtn:
                print("选中分值：\(selectedOption)")
            default: break
            }
        }
        
        // 设置弹出样式为popover
        menuVC.modalPresentationStyle = .popover
        if let popoverPresenter = menuVC.popoverPresentationController {
            popoverPresenter.sourceView = sender
            popoverPresenter.sourceRect = sender.bounds
            popoverPresenter.permittedArrowDirections = .up
        }
        
        present(menuVC, animated: true)
    }
    
    // 难度按钮点击事件
    @IBAction func difficultyTapped(_ sender: UIButton) {
        showDropdown(from: sender, options: difficultyOptions)
    }
    
    // 题型按钮点击事件
    @IBAction func typeTapped(_ sender: UIButton) {
        showDropdown(from: sender, options: questionTypeOptions)
    }
    
    // 分值按钮点击事件
    @IBAction func scoreTapped(_ sender: UIButton) {
        showDropdown(from: sender, options: scoreOptions)
    }
}

关键说明 #

• 自定义DropdownMenuVC封装下拉菜单逻辑，通过闭包回调选中结果
• 主ViewController中复用showDropdown方法弹出不同参数的菜单，代码更简洁
• 按钮点击后弹出菜单，选中值自动更新到按钮标题，用户体验直观
• 这种方案在多参数场景下更节省屏幕空间，适合答题应用的设置界面

额外提示 #

• 如果使用Storyboard，记得正确关联控件的IBOutlet和IBAction
• 可以根据需求自定义PickerView或下拉菜单的样式（比如字体、背景色、圆角等）
• 建议把选中的参数保存到ViewModel中，实现业务逻辑与UI的解耦，方便后续扩展

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