[Swift][Xcode]Pickerをボタンから起動させる方法

Question

前提・実現したいこと

こんにちは。Swiftでアプリケーションを作成しています。

画像上のボタンを押すと、下からピッカーが出てきて、ピッカーを選択すると、ラベルに対して選択した文字列を表示させる機能を実装したいです。
しかし、ボタンからピッカーを出す方法がわかりません。
ピッカーはテキストフィールドとしか連携できないのでしょうか？

以下は参考にした記事です。
こちらの回答をそのまま試したところ、テキストフィールドからの起動は実装できました。

記事；https://teratail.com/questions/53556

単純に上記記事のコードのテキストフィールとボタンとを置換しようと思ったのですが、

    textField.inputView = vi

    textField.inputAccessoryView = toolBar

の部分をどうしていいのかがわかりません。
一応以下のように変更して見たのですが動作してくれません…

該当のソースコード

    func PickerPush(){
        pickerView.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.size.width, height: pickerView.bounds.size.height)
        // Connect data:
        pickerView.delegate   = self
        pickerView.dataSource = self
        let vi = UIView(frame: pickerView.bounds)
        vi.backgroundColor = UIColor.white
        FrontView.addSubview(pickerView)
        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(StateViewController.donePressed))
        let cancelButton = UIBarButtonItem(title: "Cancel", style: UIBarButtonItemStyle.plain, target: self, action: #selector(StateViewController.cancelPressed))
        let spaceButton  = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.flexibleSpace, target: nil, action: nil)
        toolBar.setItems([cancelButton, spaceButton, doneButton], animated: false)
        toolBar.isUserInteractionEnabled = true
        toolBar.sizeToFit()
        vi.addSubview(toolBar)
        print("push")
    }
    @IBAction func HeadButton(_ sender: Any) {
        PickerPush()
    }

見当違いのことを書いているかと思います。大変申し訳ありません。
ご存知の方がおられれば、ボタンを押した時にピッカーがしたから出る方法を教えていただけないでしょうか。
よろしくお願いします。

Answer 1

作られているコードはさほど見当違いではなく、あともうちょっとだと思います。

このコードの中で書かれているpickerViewは、おそらくプロパティとして、
PickerPushメソッドの外で

let pickerView = UIPickerView()

のように定義しているのだと推測しました。

それと、

FrontView.addSubview(pickerView)

のFrontViewがなんなのかわかりませんでしたが、
FrontViewは使わないで

vi.addSubview(pickerView)

に修正したらいいと思います。

それでviにpickerViewとtoolBarを追加できますが、
そのviを画面に追加していないので表示されないのだと思います。

そこでPickerPushの最後に次のコードを追加したところ、うまく表示されました。

        // viをviewに追加し、下からアニメーション表示
        view.addSubview(vi)
        let screenSize = UIScreen.main.bounds.size
        vi.frame.origin.y = screenSize.height
        UIView.animate(withDuration: 0.3) {
            vi.frame.origin.y = screenSize.height - vi.bounds.size.height
        }

あとは、donePressedやcancelPresseのメソッドの中でviをremoveFromSuperviewで削除する必要があると思うので、結局viもプロパティとして定義した方がいいかもしれません。

Comments

[moe_1023]

ご指摘の通りに修正したところ、しっかり動作してくれました！
何日も悩まされていたので本当に嬉しいです。
とてもわかりやすい回答ありがとうございました！