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

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

新規登録して質問してみよう
ただいま回答率
85.50%
Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

解決済

1回答

554閲覧

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

burro

総合スコア12

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

0グッド

0クリップ

投稿2020/06/21 14:23

前提・実現したいこと

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: "月曜1限") 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

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

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

Swift

1 self.view.addSubview(CLgroupPicker)

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

ピッカービューは CLgroupinputView として定義しているので、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

viewDidLoad() 内がこれくらい長くなるのであれば、それぞれの処理をまとめて一つの関数にしたほうが可読性は上がるかと思います。

あと、プロパティ(変数)の名前は小文字で始めるのが Swift の慣習ですので(CLgroup ではなく clGroupとする、など)、それも修正したほうがいいかと思います。

投稿2020/06/21 21:52

TsukubaDepot

総合スコア5086

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

burro

2020/06/22 08:41

実装できました!分かりやすい解説ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問