Swift3でボタンをタップした時にPickerViewをしたから出す方法

Question

###前提・実現したいこと
タイトル通りなのですが、ボタンをタップした時にピッカーが下から出てくるようにしたいです。

TextFieldをタップした時にピッカーが下から出るようには以下のコードでできました。

これをBar Button Itemをタップした時にピッカーが出るようにしたいです。
可能でしょうか？

よろしくお願いします。

###該当のソースコード

// picker配列の作成
    var pickerArray: NSArray = ["楽天", "ソニー", "APPLE", "amazon", "softbank"]
    var TextField: UITextField!
    var PickerView: UIPickerView!
    var ToolBar: UIToolbar!


override func viewDidLoad() {
        super.viewDidLoad()        
        
        // pickerView作成
        PickerView = UIPickerView()
        PickerView.showsSelectionIndicator = true
        PickerView.delegate = self
        
        // TextField作成
        TextField = UITextField(frame: CGRect(x: 50, y: 350, width: 320, height: 50))
        TextField.placeholder = filteringArr[0] as? String
        self.view.addSubview(TextField)
 
        
        // pickerが下から出てくるToolbarの作成
        ToolBar = UIToolbar(frame: CGRect(x: 0, y: self.view.frame.size.height/6, width: self.view.frame.size.width, height: 40.0))
        ToolBar.layer.position = CGPoint(x: self.view.frame.size.width/2, y: self.view.frame.size.height-20.0)
        ToolBar.backgroundColor = UIColor.black
        ToolBar.barStyle = UIBarStyle.black
        ToolBar.tintColor = UIColor.white
        
        // ToolBarを閉じるボタンを追加
        let ToolBarButton = UIBarButtonItem(title: "完了", style: .done, target: self, action: Selector(("onClick")))
        ToolBarButton.tag = 1
        ToolBar.items = [ToolBarButton]
        
        // 並べ替えボタンをpickerviewとToolBarに関連付け
//        barButtonFilter.
        
        TextField.inputView = PickerView
        TextField.inputAccessoryView = ToolBar
 
 
    }
 
  // このbarButtonFilterをタップ後にピッカーを出るようにしたい。
    @IBAction func barButton(_ sender: AnyObject) {
        
// ここに処理を書く？
      
    }

###補足情報(言語/FW/ツール等のバージョンなど)
swift3
xcode8.1

Answer 1

参考URL : SWIFTにUITextFieldのためのinputviewとしてUIPickerview

以下のようにするのはいかがでしょう、参考にしてください。

import UIKit

class ViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource {
    
    @IBOutlet weak var textField: UITextField!
    let pickerView = UIPickerView()
    
    var array = ["楽天", "ソニー", "APPLE", "amazon", "softbank"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        pickerView.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: pickerView.bounds.size.height)
        pickerView.delegate   = self
        pickerView.dataSource = self
        
        let vi = UIView(frame: pickerView.bounds)
        vi.backgroundColor = UIColor.white
        vi.addSubview(pickerView)
        
        textField.inputView = vi
        
        let toolBar = UIToolbar()
        toolBar.barStyle = UIBarStyle.default
        toolBar.isTranslucent = true
        toolBar.tintColor = UIColor.black
        let doneButton   = UIBarButtonItem(title: "Done", style: UIBarButtonItemStyle.done, target: self, action: #selector(ViewController.donePressed))
        let cancelButton = UIBarButtonItem(title: "Cancel", style: UIBarButtonItemStyle.plain, target: self, action: #selector(ViewController.cancelPressed))
        let spaceButton  = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.flexibleSpace, target: nil, action: nil)
        toolBar.setItems([cancelButton, spaceButton, doneButton], animated: false)
        toolBar.isUserInteractionEnabled = true
        toolBar.sizeToFit()
        textField.inputAccessoryView = toolBar
    }
    
    // Done
    func donePressed() {
        view.endEditing(true)
    }
    
    // Cancel
    func cancelPressed() {
        textField.text = ""
        view.endEditing(true)
    }
    
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return array[row]
    }
    
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return array.count
    }
    
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        textField.text = array[row]
    }
}

Comments

[退会済みユーザー]

うまく表示することが出来ました。
ありがとうございます。

[AtsushiNakamura]

buttonのタップでpicker出せないです。。。
みなさんどのようにして下からpicker出しているのでしょうか？

[_Kentarou]

@AtsushiNakamura

こちらは、ButtonのタップではなくてTextFieldへのフォーカスを契機にPickerが出るやり方です。
Buttonを押して実現したい場合でも、ボタン押下時にTextFieldにフーカスをあてPickerを出す方法になると思います。

[AtsushiNakamura]

@_Kentarou
なるほど、ボタン押下時にTextFieldにフーカスをあてるやり方でやられてるですね、試してみます
ありがとうございます。

Answer 2

違う質問の答えを書いてしまいました。