【Swift4】キーボードの上にUIToolbarを実装する方法

実行環境

【Xcode】Version 9.2
【Swift】Version 4.0.3

概要

iOSキーボードの上にツールバーを追加する方法のメモです。

方法

下準備

適当にUItextFieldを追加しておきます。

実装

ViewController.swift

class ViewController: UIViewController, UITextFieldDelegate {
    
    // textFieldのアウトレットを指定
    @IBOutlet weak var textField: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // ツールバーのインスタンスを作成
        let toolBar = UIToolbar()
        
        // ツールバーに配置するアイテムのインスタンスを作成
        let flexibleItem = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.flexibleSpace, target: nil, action: nil)
        let okButton: UIBarButtonItem = UIBarButtonItem(title: "OK", style: UIBarButtonItemStyle.plain, target: self, action: #selector(tapOkButton(_:)))
        let cancelButton: UIBarButtonItem = UIBarButtonItem(title: "CANCEL", style: UIBarButtonItemStyle.plain, target: self, action: #selector(tapCancelButton(_:)))

        // アイテムを配置
        toolBar.setItems([flexibleItem, okButton, flexibleItem, cancelButton, flexibleItem], animated: true)
        
        // ツールバーのサイズを指定
        toolBar.sizeToFit()
        
        // デリゲートを設定
        textField.delegate = self

        // テキストフィールドにツールバーを設定
        textField.inputAccessoryView = toolBar
    }
    
    // ボタンを押したときのメソッド
    @objc func tapOkButton(_ sender: UIButton){
        // キーボードを閉じる
        self.view.endEditing(true)
    }
    @objc func tapCancelButton(_ sender: UIButton){
        // テキストフィールドを空にする
        textField.text = ""
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
    
}

完成形