ある程度あなたの要望を取り入れたサンプルを作ってみました。完全におなじとはいきません。テキストフィールドをタップしたら、モーダルビューが開くのではなく、カスタムキーボードが開きます。これは、テキストフィールドをタップしたらキーボードが開くという、デフォルトの動作を抑止するのがわからなかったことと、ユーザインターフェイスとして、画面全部を覆うモーダルビューより、半分以上見えるカスタムキーボードのほうが、優れていると判断したためです。項目の選択には、ピッカービューを用いました。「Input」ボタンを押すと、テキストフィールドに選択項目を入力し、カスタムキーボードが閉じます。
SelectionField.swift UITextFieldのサブクラス
import UIKit
class SelectionField: UITextField {
// プログラムでイニシアライズするとき
override init(frame: CGRect) {
super.init(frame: frame)
setup()
}
// Storyboardから生成する時、こちらのイニシアライザが呼ばれる。
required init(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
setup()
}
// プログラム、Storyboardいずれから生成してもいいように、初期化処理を関数化しています。
private func setup() {
// カスタムキーボードを生成。
let keyboardView = KeyboardView()
// テキスト入力先を、じぶんに設定
keyboardView.textInput = self
// 選択項目を、配列で指定。
keyboardView.items = ["Spring", "Summer", "Fall", "Winter"]
// カスタムキーボードをkeyboardViewとする。
self.inputView = keyboardView
}
}
KeyboardView.swift カスタムキーボードのクラス
import UIKit
class KeyboardView: UIView, UIPickerViewDelegate, UIPickerViewDataSource {
// 入力先のテキストフィールド
var textInput: UITextField!
// 選択項目の配列
var items = [String]()
private var pickerView: UIPickerView!
// メインのイニシアライザ
override init(frame: CGRect) {
super.init(frame: frame)
// Inputボタンの生成
let theButton = UIButton.buttonWithType(UIButtonType.Custom) as! UIButton
theButton.frame = CGRectMake(8.0, 4.0, 88.0, 36.0)
theButton.setTitle("Input", forState: UIControlState.Normal)
theButton.setTitleColor(self.tintColor, forState: UIControlState.Normal)
theButton.showsTouchWhenHighlighted = true
theButton.addTarget(self, action: "inputText:", forControlEvents: UIControlEvents.TouchUpInside)
self.addSubview(theButton)
// ピッカービューの生成
pickerView = UIPickerView(frame: CGRectMake(0.0, 44.0, frame.size.width, 126.0))
pickerView.delegate = self
pickerView.dataSource = self
self.addSubview(pickerView)
}
// コンビニイニシアライザ
convenience init() {
self.init(frame: CGRectMake(0.0, 0.0, 320.0, 178.0))
}
// このイニシアライザではなにもしないけど、requiredなので、実装しておく
required init(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
// Button Action
func inputText(sender: AnyObject) {
textInput.text = items[pickerView.selectedRowInComponent(0)]
textInput.resignFirstResponder()
}
// PickerView Delegate and DataSource
func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int {
return 1
}
func pickerView(pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
return items.count
}
func pickerView(pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String! {
return items[row]
}
}
まだ八分のできという感じですが、とりあえずこれで動きますので、参考にしてください。両swiftファイルをプロジェクトに追加したら、Storyboardで、テキストフィールドを貼り付け、クラスをSelectionField
に変更するだけです。