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

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

ただいまの
回答率

87.59%

pickerViewを複数設置したいです。

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 2,053

score 28

現状のswiftの動き

①テキストフィールドをタップすると、下からpickerViewが出てくる。
②pickerViewから項目を選ぶと、ラベルに項目名が表示される。

実現したいこと

上記の物を、複数作りたい際は、どのようにしたら良いでしょうか?
上記のコードをコピペして、変数名を変えれば良いだけと思っていたら、
違うみたいです。
どこが違うのでしょうか?

ご教授のほど、よろしくお願い致します。

イメージ説明

該当のソースコード

(2つ目のpickerViewも、"A", "B", "C","D","E"と表示されてしまいます。本当は"1", "2", "3","4","5"と表示させたいです。)

import UIKit

class ViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource {
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }

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

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

    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        textField.text = data[row]
        result.text = data[row]
    }

    @IBOutlet weak var textField: UITextField!
    @IBOutlet weak var result: UILabel!
    var pickerView = UIPickerView()
    var data = ["A", "B", "C","D","E"]

    override func viewDidLoad() {
        super.viewDidLoad()
        createPickerView()
        createPickerView1()
    }

    func createPickerView() {
        pickerView.delegate = self
        textField.inputView = pickerView
        // toolbar
        let toolbar = UIToolbar()
        toolbar.frame = CGRect(x: 0, y: 0, width: self.view.frame.width, height: 44)
        let doneButtonItem = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(ViewController.donePicker))
        toolbar.setItems([doneButtonItem], animated: true)
        textField.inputAccessoryView = toolbar
    }

    @objc func donePicker() {
        textField.endEditing(true)
    }

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        textField.endEditing(true)
        textField1.endEditing(true)
    }




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

        func pickerView1(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
            return 5
        }

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

        func pickerView1(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
            textField1.text = data1[row]
            result1.text = data1[row]
        }

        @IBOutlet weak var textField1: UITextField!
        @IBOutlet weak var result1: UILabel!
        var pickerView1 = UIPickerView()
        var data1 = ["1", "2", "3","4","5"]


        func createPickerView1() {
            pickerView1.delegate = self
            textField1.inputView = pickerView1
            // toolbar
            let toolbar = UIToolbar()
            toolbar.frame = CGRect(x: 0, y: 0, width: self.view.frame.width, height: 44)
            let doneButtonItem = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(ViewController.donePicker1))
            toolbar.setItems([doneButtonItem], animated: true)
            textField1.inputAccessoryView = toolbar
        }

        @objc func donePicker1() {
            textField1.endEditing(true)
        }


    }

使用している言語

swift
Xvode 11.4

ご教授のほど、よろしくお願い致します。

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 1

checkベストアンサー

0

こんな感じで両方のpickerViewを設定してください。

class ViewController: UIViewController, // 略

    let upperPickerView = UIPickerView()
    let lowerPickerView = UIPickerView()

    // ↑この2つのpickerViewに対して各種設定を記述してください。
    override func viewDidLoad() {
        super.viewDidLoad()
        upperPickerView.dataSource = self
        lowerPickerView.dataSource = self
     // などなど
    }

    // デリゲートメソッドの中身は条件分岐して設定してください
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        if pickerView == upperPickerView {
            return 5
        } else {
            return 10
        }
    }
}

import UIKit

class ViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource {

    @IBOutlet weak var upperTextField: UITextField!

    @IBOutlet weak var upperResultLabel: UILabel!

    var upperPickerView = UIPickerView()

    var upperData = ["1", "2", "3","4","5"]

    @IBOutlet weak var lowerTextField: UITextField!

    @IBOutlet weak var lowerResultLabel: UILabel!

    var lowerPickerView = UIPickerView()

    var lowerData = ["A", "B", "C","D","E"]

    override func viewDidLoad() {
        super.viewDidLoad()
        createPickerView()
    }

    func createPickerView() {
        // upperPickerView
        upperPickerView.delegate = self
        upperTextField.inputView = upperPickerView
        // toolbar
        let upperToolbar = UIToolbar()
        upperToolbar.frame = CGRect(x: 0, y: 0, width: self.view.frame.width, height: 44)
        let upperDoneButtonItem = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(ViewController.donePicker))
        upperToolbar.setItems([upperDoneButtonItem], animated: true)
        upperTextField.inputAccessoryView = upperToolbar

        // lowerPickerView
        lowerPickerView.delegate = self
        lowerTextField.inputView = lowerPickerView
        // toolbar
        let lowerToolbar = UIToolbar()
        lowerToolbar.frame = CGRect(x: 0, y: 0, width: self.view.frame.width, height: 44)
        let lowerDoneButtonItem = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(ViewController.donePicker))
        lowerToolbar.setItems([lowerDoneButtonItem], animated: true)
        lowerTextField.inputAccessoryView = lowerToolbar
    }

    @objc func donePicker() {
        upperTextField.endEditing(true)
        lowerTextField.endEditing(true)
    }

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        upperTextField.endEditing(true)
        lowerTextField.endEditing(true)
    }


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

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

    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        if pickerView == upperPickerView {
            return upperData[row]
        } else {
            return lowerData[row]
        }
    }

    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        if pickerView == upperPickerView {
            upperTextField.text = upperData[row]
            upperResultLabel.text = upperData[row]
        } else {
            lowerTextField.text = lowerData[row]
            lowerResultLabel.text = lowerData[row]
        }
    }
}

投稿

編集

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2020/05/24 22:10

    回答していただきありがとうございます。
    すみません、もう少しご教授お願いいたします。

    下記のコードだと、うまくいきませんでした。
    pickerView == upperPickerView がうまくいってないみたいです。


    import UIKit

    class ViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource {

    let upperPickerView = UIPickerView()
    let lowerPickerView = UIPickerView()


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

    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    if pickerView == upperPickerView {
    return 5
    } else {
    return 7
    }
    }

    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
    if pickerView == upperPickerView {
    return data[row]
    } else {
    return data1[row]
    }
    }

    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    if pickerView == upperPickerView {
    textField.text = data[row]
    result.text = data[row]
    } else {
    textField.text = data1[row]
    result.text = data1[row]
    }
    }

    @IBOutlet weak var textField: UITextField!
    @IBOutlet weak var result: UILabel!
    @IBOutlet weak var textField1: UITextField!
    @IBOutlet weak var result1: UILabel!


    var data = ["haru", "natsu", "aki","huyu","Photo"]
    var data1 = ["1","2","3","4","5","6","7"]

    override func viewDidLoad() {
    super.viewDidLoad()
    upperPickerView.dataSource = self
    lowerPickerView.dataSource = self

    createPickerView()
    }

    var pickerView = UIPickerView()
    var pickerView1 = UIPickerView()

    func createPickerView() {
    if pickerView == upperPickerView {
    pickerView.delegate = self
    textField.inputView = pickerView
    // toolbar
    let toolbar = UIToolbar()
    toolbar.frame = CGRect(x: 0, y: 0, width: self.view.frame.width, height: 44)
    let doneButtonItem = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(ViewController.donePicker))
    toolbar.setItems([doneButtonItem], animated: true)
    textField.inputAccessoryView = toolbar
    } else {
    pickerView1.delegate = self
    textField.inputView = pickerView1
    // toolbar
    let toolbar = UIToolbar()
    toolbar.frame = CGRect(x: 0, y: 0, width: self.view.frame.width, height: 44)
    let doneButtonItem = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(ViewController.donePicker))
    toolbar.setItems([doneButtonItem], animated: true)
    textField.inputAccessoryView = toolbar

    }
    }

    @objc func donePicker() {
    if pickerView == upperPickerView {
    textField.endEditing(true)
    }
    }

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    if pickerView == upperPickerView {
    textField.endEditing(true)
    }

    }

    }

    キャンセル

  • 2020/05/25 00:56

    丁寧に解説していただきありがとうございます。
    無事に、解決することができました。

    キャンセル

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

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

関連した質問

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