swift TextFiledをタップするとピッカーが出るようにしたい

前提・実現したいこと

TextFiledをタップするとピッカーがせり上がって、ピッカーを選択した後にツールバーの完了ボタンを押すとピッカーが収納されるようにしたいです。色々試行錯誤したのですがうまくいきません。どうしたら良いか教えていただけるとありがたいです。
様々やってみてうまくいかなかったので、今のコードでは一番最初に試作で作ってみたピッカーが収納されない仕様のコードに一旦戻しています。画像は今のコードでシミュレーションしたときのものです。

該当のソースコード

swift
1import UIKit
2
3class ChangeViewController: UIViewController, UITextFieldDelegate,UIPickerViewDelegate,UIPickerViewDataSource{
4
5
6    
7
8    
9
10    
11    var CLname: UITextField!//授業名
12    var CLgroup: UITextField!//分類選択ピッカー表示テキストフィールド
13    var CLgroupPicker: UIPickerView!
14    let grouplist : [String] = ["自学科科目(必修)","自学科科目(選択必修)","自学科科目","総合教養科目","キリスト教学","外国語科目","情報処理科目","自由選択科目","その他"]
15    var ToolBar : UIToolbar!
16    override func viewDidLoad() {
17        super.viewDidLoad()
18        
19        let navBar = UINavigationBar()//ナビゲーションバー
20        navBar.frame = CGRect(x: 0,y: 50,width: 415,height: 60)
21        let navItem : UINavigationItem = UINavigationItem(title: "月曜１限")
22        navItem.leftBarButtonItem = UIBarButtonItem(title: "戻る",style: UIBarButtonItem.Style.plain, target: self, action: #selector(ChangeViewController.backbutton))
23        navBar.pushItem(navItem, animated: true)
24        self.view.addSubview(navBar)
25        
26        
27        let click = UIButton()//変更ボタン
28        click.frame = CGRect(x:180, y:800, width: 100,height: 50)
29        click.setTitle("変更", for: .normal)
30        click.backgroundColor = UIColor.purple
31        click.addTarget(self, action: #selector(ChangeViewController.changeButton), for: .touchUpInside)
32        view.addSubview(click)
33        
34        
35        CLname = UITextField()//授業名
36        CLname.delegate = self
37        CLname.frame = CGRect(x: 50,y: 130,width: 300,height: 50)
38        CLname.placeholder = "授業名"
39        CLname.layer.borderColor = UIColor.lightGray.cgColor
40        CLname.keyboardType = .default
41        CLname.borderStyle = .roundedRect
42        CLname.returnKeyType = .done
43        self.view.addSubview(CLname)
44        
45        /*CLgroup = UITextField()
46        CLgroup.delegate = self
47        CLgroup.frame = CGRect(x: 50,y: 220,width: 180,height: 45)
48        CLgroup.placeholder = "分類"
49        CLgroup.borderStyle = .roundedRect
50        self.view.addSubview(CLgroup)
51        
52        clgrouppikerView = UIPickerView()
53        clgrouppikerView.delegate = self*/
54        
55        CLgroup = UITextField()//分類ピッカー結果表示
56        CLgroup.delegate = self
57        CLgroup.placeholder = "分類"
58        CLgroup.borderStyle = .roundedRect
59        CLgroupPicker = UIPickerView()//分類ピッカー
60        CLgroupPicker.showsSelectionIndicator = true
61        CLgroupPicker.frame = CGRect(x: 80,y: 200,width: self.view.frame.width, height: 100)
62        CLgroup.frame = CGRect(x: 10,y: 200,width: 200,height: 45)
63        CLgroup.layer.borderColor = UIColor.lightGray.cgColor
64        CLgroup.layer.borderWidth = 1
65        CLgroupPicker.delegate = self
66        CLgroupPicker.dataSource = self
67        CLgroup.text = "分類"
68        CLgroup.textAlignment = NSTextAlignment.center
69        self.view.addSubview(CLgroup)
70        self.view.addSubview(CLgroupPicker)
71        
72        /*ToolBar = UIToolbar(frame: CGRect(x:0,y: self.view.frame.size.height/6,width: self.view.frame.size.width,height: 40))//ツールバー作成
73        ToolBar.layer.position = CGPoint(x: self.view.frame.size.width/2,y: self.view.frame.size.height-20)
74        let ToolBarButton = UIBarButtonItem(title: "完了", style: .done, target: self, action: Selector(("onClick")))
75        ToolBarButton.tag = 1
76        ToolBar.items = [ToolBarButton]
77
78        CLgroup.inputView = CLgroupPicker
79        CLgroup.inputAccessoryView = ToolBar*/
80        
81    }
82    
83    func numberOfComponents(in CLgroupView: UIPickerView) -> Int {
84        return 1
85    }//ピッカー列数
86    func pickerView(_ CLgroupView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
87        return grouplist.count
88    }//ピッカー行数＝リスト数
89    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
90    return grouplist[row]
91    }//ピッカー最初の表示
92    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
93        CLgroup.text = grouplist[row]
94    }//ピッカーが選択されたときの挙動
95    
96    
97    
98 
99    
100    
101    
102    @objc func backbutton(_ sender:UIButton){
103        self.dismiss(animated: true, completion: nil)
104    }
105    @objc func changeButton(_ sender:UIButton){
106        let storyboard :UIStoryboard = self.storyboard!
107        let changeview = storyboard.instantiateViewController(withIdentifier: "next")as! NextViewController
108        changeview.clnamestring = self.CLname.text!
109        changeview.clgroupstring = self.CLgroup.text!
110        self.present(changeview,animated: true,completion: nil)
111        
112        
113    }
114    
115    
116    // 改行ボタンを押した時の処理
117    func textFieldShouldReturn(_ CLname: UITextField) -> Bool {
118        CLname.resignFirstResponder()
119        return true
120    }
121  
122
123    
124
125    
126
127}
128

行動規範の内容に同意します

回答1件

ベストアンサー

うまくいかない一番大きな原因は、

Swift
1        self.view.addSubview(CLgroupPicker)

このような感じでピッカービューを自分で表示させてしまっていることです。

ピッカービューは CLgroup の inputView として定義しているので、UITextField をクリックしたら自動的に表示されます。

基本的なコードは記述できていると思いますので、あとはこのような感じに並び替えたり修正すれば動きますのでご確認ください。

Swift
1    override func viewDidLoad() {
2        super.viewDidLoad()
3        
4        // 中略
5        CLgroupPicker = UIPickerView()//分類ピッカー
6        CLgroupPicker.frame = CGRect(x: 80,y: 200,width: self.view.frame.width, height: 100)
7        CLgroupPicker.delegate = self
8        CLgroupPicker.dataSource = self
9        
10        ToolBar = UIToolbar(frame: CGRect(x:0,y: self.view.frame.size.height/6,width: self.view.frame.size.width,height: 40))//ツールバー作成
11        ToolBar.layer.position = CGPoint(x: self.view.frame.size.width/2,y: self.view.frame.size.height-20)
12        let ToolBarButton = UIBarButtonItem(title: "完了", style: .done, target: self, action: #selector(self.onClick))
13        ToolBar.items = [ToolBarButton]
14                    
15        // MARK: ピッカービューを自分で表示させる必要はない
16        //self.view.addSubview(CLgroupPicker)
17
18        CLgroup = UITextField()//分類ピッカー結果表示
19        CLgroup.delegate = self
20        CLgroup.placeholder = "分類"
21        CLgroup.borderStyle = .roundedRect
22        CLgroup.frame = CGRect(x: 10,y: 200,width: 200,height: 45)
23        CLgroup.layer.borderColor = UIColor.lightGray.cgColor
24        CLgroup.layer.borderWidth = 1
25        CLgroup.text = "分類"
26        CLgroup.textAlignment = NSTextAlignment.center
27        // MARK: ピッカービュー、ツールバー両方の設定が終わってから inputView, inputAccessoryView を設定
28        CLgroup.inputView = CLgroupPicker
29        CLgroup.inputAccessoryView = ToolBar
30
31        self.view.addSubview(CLgroup)
32    }
33    
34    // MARK: 追加 - 「完了」ボタンを押したらピッカービューを消す
35    @objc func onClick() {
36        CLgroup.endEditing(true)
37    }
38