質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.69%

Swiftで複数のテキストフィールドにピッカーを表示させたい

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 553

shisen-t

score 13

前提・実現したいこと

Swiftで複数のテキストフィールドにピッカーを表示させようとしています。

現段階では一つのテキストフィールドに項目を表示させることはできているのですが、残り4つのテキストフィールドにまた別の項目を表示させたいと考えています。

下記のコードのlistの部分をlist2,list3といったように増やしていけたらと考えています。

該当のソースコード

ソースコード
import UIKit

class ShousaiViewController: UIViewController,  UIPickerViewDelegate, UIPickerViewDataSource {


    @IBOutlet weak var NyuukyoText: UITextField!

    var pickerView: UIPickerView = UIPickerView()
    let list = ["空室", "入居"]

    override func viewDidLoad() {
        super.viewDidLoad()

        pickerView.delegate = self
        pickerView.dataSource = self
        pickerView.showsSelectionIndicator = true

        let toolbar = UIToolbar(frame: CGRectMake(0, 0, 0, 35))
        let doneItem = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(ShousaiViewController.done))
        let cancelItem = UIBarButtonItem(barButtonSystemItem: .cancel, target: self, action: #selector(ShousaiViewController.cancel))
        toolbar.setItems([cancelItem, doneItem], animated: true)

        self.NyuukyoText.inputView = pickerView
        self.NyuukyoText.inputAccessoryView = toolbar
    }

    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }

    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return list.count
    }

    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return list[row]
    }

    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        self.NyuukyoText.text = list[row]
    }

    @objc func cancel() {
        self.NyuukyoText.text = ""
        self.NyuukyoText.endEditing(true)
    }

    @objc func done() {
        self.NyuukyoText.endEditing(true)
    }

    func CGRectMake(_ x: CGFloat, _ y: CGFloat, _ width: CGFloat, _ height: CGFloat) -> CGRect {
        return CGRect(x: x, y: y, width: width, height: height)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

}

補足情報(FW/ツールのバージョンなど)

ピッカービューを項目ごとに切り離したいです。
現在画像のように二つの項目がつながった状態で表示されていますが、テキストビューをタップした際に、この二つをそれぞれ切り離して表示することは可能でしょうか?

![
Xcode Version 10.1

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • vanderlvov

    2019/02/12 16:50

    コードのブロックを
    ```swift
    ソースコード
    func myFunc() {
    ...
    }
    ```
    の形に変更した方がいいでしょうか。

    キャンセル

  • fuzzball

    2019/02/12 16:52

    コードは ``` で囲ってください。

    キャンセル

回答 2

+1

list.countlist[row]を、状況(選択したテキストフィールド)に応じてlist2やlist3などに変えればいいです。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/02/12 17:27

    実際に書いてみて動くことを確認しました。
    ありがとうございます。

    キャンセル

check解決した方法

0

PickerViewを分けてそれぞれの設定を行うことで解決

コード

        //piclerView1の設定
        pickerView1.delegate = self
        pickerView1.dataSource = self
        pickerView1.showsSelectionIndicator = true
        pickerView1.tag = 1


        let toolbar1 = UIToolbar(frame: CGRectMake(0, 0, 0, 35))
        let doneItem1 = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(ShousaiViewController.done))
        let cancelItem1 = UIBarButtonItem(barButtonSystemItem: .cancel, target: self, action: #selector(ShousaiViewController.cancel))
        toolbar1.setItems([cancelItem1, doneItem1], animated: true)

        self.NyuukyoText.inputView = pickerView1
        self.NyuukyoText.inputAccessoryView = toolbar1


        //piclerView2の設定
        pickerView2.delegate = self
        pickerView2.dataSource = self
        pickerView2.showsSelectionIndicator = true
        pickerView2.tag = 2


        let toolbar2 = UIToolbar(frame: CGRectMake(0, 0, 0, 35))
        let doneItem2 = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(ShousaiViewController.done))
        let cancelItem2 = UIBarButtonItem(barButtonSystemItem: .cancel, target: self, action: #selector(ShousaiViewController.cancel))
        toolbar2.setItems([cancelItem2, doneItem2], animated: true)

        self.electric.inputView = pickerView2
        self.electric.inputAccessoryView = toolbar2



        //pickerView3の設定
        pickerView3.delegate = self
        pickerView3.dataSource = self
        pickerView3.showsSelectionIndicator = true
        pickerView3.tag = 3


        let toolbar3 = UIToolbar(frame: CGRectMake(0, 0, 0, 35))
        let doneItem3 = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(ShousaiViewController.done))
        let cancelItem3 = UIBarButtonItem(barButtonSystemItem: .cancel, target: self, action: #selector(ShousaiViewController.cancel))
        toolbar3.setItems([cancelItem3, doneItem3], animated: true)

        self.water.inputView = pickerView3
        self.water.inputAccessoryView = toolbar3


        //pickerView4の設定
        pickerView4.delegate = self
        pickerView4.dataSource = self
        pickerView4.showsSelectionIndicator = true
        pickerView4.tag = 4


        let toolbar4 = UIToolbar(frame: CGRectMake(0, 0, 0, 35))
        let doneItem4 = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(ShousaiViewController.done))
        let cancelItem4 = UIBarButtonItem(barButtonSystemItem: .cancel, target: self, action: #selector(ShousaiViewController.cancel))
        toolbar4.setItems([cancelItem4, doneItem4], animated: true)

        self.elevator.inputView = pickerView4
        self.elevator.inputAccessoryView = toolbar4


        //picerView5の設定
        pickerView5.delegate = self
        pickerView5.dataSource = self
        pickerView5.showsSelectionIndicator = true
        pickerView5.tag = 5


        let toolbar5 = UIToolbar(frame: CGRectMake(0, 0, 0, 35))
        let doneItem5 = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(ShousaiViewController.done))
        let cancelItem5 = UIBarButtonItem(barButtonSystemItem: .cancel, target: self, action: #selector(ShousaiViewController.cancel))
        toolbar5.setItems([cancelItem5, doneItem5], animated: true)

        self.parking.inputView = pickerView5
        self.parking.inputAccessoryView = toolbar5



    }

    //幾つの項目をピッカーに表示するか指定する

    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }

    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        if pickerView.tag == 1 {
            return list.count}else if pickerView.tag == 2{
        return list2.count
        } else if pickerView.tag == 3 {
            return list3.count
        } else if pickerView.tag == 4{
            return list4.count
        } else {
            return list5.count
        }
    }




    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        if pickerView.tag == 1 {
            return list[row]}
        else if pickerView.tag == 2 {
            return list2[row]
        } else if pickerView.tag == 3{
            return list3[row]
        } else if pickerView.tag == 4{
            return list4[row]
        } else {
            return list5[row]
        }
    }


    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        if pickerView.tag == 1 {
            self.NyuukyoText.text = list[row]} else if pickerView.tag == 2 {
            self.electric.text = list2[row]
        } else if pickerView.tag == 3{
        self.water.text = list3[row]
        } else if pickerView.tag == 4{
            self.elevator.text = list4[row]
        } else {
            self.parking.text = list5[row]
        }
    }

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.69%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る