点击按钮时显示 UIPickerView

Question

我想点击这个按钮打开一个 UIPickerView。 我创建了这个按钮，现在当用户点击它时，我想打开一个 UIPickerView。 我在互联网上看过很多教程，但所有教程都显示为：

textfield.inputview = uipker // i don't want to use extfield

但是想在没有文本字段的情况下实现它。 是否可能，如果可能，请告诉我我该怎么做。

Answer 1

如果您想从 Interface Builder 执行此操作，那么您可以在您的故事板中添加UIPickerView并最初隐藏该UIPickerView并在您点击按钮时显示它。

如果你想通过编码来做到这一点，那么你可以试试这个。

将此定义为全局。

var toolBar = UIToolbar()
var picker  = UIPickerView()

在您的按钮点击动作中添加以下代码。 我在工具栏中添加了Done按钮以关闭选择器。

注：我写的按钮操作整个代码，如果你不想做，只是写在所有代码viewDidLoad ，并在您的按钮操作只写这些线self.view.addSubview(picker)和self.view.addSubview(toolBar)

@IBAction func YOUR_BUTTON__TAP_ACTION(_ sender: UIButton) {
    picker = UIPickerView.init()
    picker.delegate = self
    picker.dataSource = self
    picker.backgroundColor = UIColor.white
    picker.setValue(UIColor.black, forKey: "textColor")
    picker.autoresizingMask = .flexibleWidth
    picker.contentMode = .center
    picker.frame = CGRect.init(x: 0.0, y: UIScreen.main.bounds.size.height - 300, width: UIScreen.main.bounds.size.width, height: 300)
    self.view.addSubview(picker)
            
    toolBar = UIToolbar.init(frame: CGRect.init(x: 0.0, y: UIScreen.main.bounds.size.height - 300, width: UIScreen.main.bounds.size.width, height: 50))
    toolBar.barStyle = .blackTranslucent
    toolBar.items = [UIBarButtonItem.init(title: "Done", style: .done, target: self, action: #selector(onDoneButtonTapped))]
    self.view.addSubview(toolBar)
}

在完成按钮上，您可以删除工具栏以及 PickerView。

@objc func onDoneButtonTapped() {
    toolBar.removeFromSuperview()
    picker.removeFromSuperview()
}

UIPickerView委托方法

func numberOfComponents(in pickerView: UIPickerView) -> Int {
    return 1
}
    
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    return YOUR_DATA_ARRAY.COUNT
}
    
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
    return YOUR_DATA_ARRAY[row]
}
    
func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    print(YOUR_DATA_ARRAY[row])
}

Answer 2

只需隐藏/显示您的uipickerview 。 将选择器添加为故事板中主视图的子视图，但将其隐藏。 单击该按钮显示它。

添加带有完成按钮的工具栏以再次隐藏选择器。 这是一个链接