■はじめに

iOSのアプリを開発していると、UITextField、UITextViewに文字を入力した後にキーボードが閉じられない という問題に直面している人は多いでしょう。 iOSの場合は、キーボードを閉じるためにも実装が必要になります。

ここでは、キーボードの上に「閉じる」ボタンを設定する方法を記載します。

◾️TextFieldのキーボードに閉じるボタンを設定する

UITextFieldをStoryBoardで配置し他場合を前提に方法を記載する。

「CustomTextField.swift」を作成する。 「CustomTextField.swift」には、以下のソースコードを記載する。（丸々コピーペーストでいい）

import UIKit

class CustomTextField: UITextField{

    override init(frame: CGRect) {
        super.init(frame: frame)
        commonInit()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        commonInit()
    }

    private func commonInit(){
        let tools = UIToolbar()
        tools.frame = CGRect(x: 0, y: 0, width: frame.width, height: 40)
        let spacer = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: self, action: nil)
        let closeButton = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(closeButtonTapped))
        tools.items = [spacer, closeButton]
        self.inputAccessoryView = tools
    }

    @objc func closeButtonTapped(){
        self.endEditing(true)
        self.resignFirstResponder()
    }
}

その後、StoryBoardのUITextFieldのCustomClassに、今回作成した「CustomTextField.swift」を指定する。 これで、上記を指定したUITextFieldには、キーボードに「閉じる」ボタンが表示される。 ※「CustomTextField.swift」は共通で使用できるため、キーボードに「閉じる」を表示したい各UITextFieldに設定する事ができる。

◾️TextViewのキーボードに閉じるボタンを設定する

UITextViewをStoryBoardで配置し他場合を前提に方法を記載する。

「CustomTextView.swift」を作成する。 「CustomTextView.swift」には、以下のソースコードを記載する。（丸々コピーペーストでいい）

import UIKit

class CustomTextView: UITextView{

    init(frame:CGRect) {
        super.init(frame: frame, textContainer: nil)
        commonInit()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        commonInit()
    }

    private func commonInit(){
        let tools = UIToolbar()
        tools.frame = CGRect(x: 0, y: 0, width: frame.width, height: 40)
        let spacer = UIBarButtonItem(barButtonSystemItem: .flexibleSpace, target: self, action: nil)
        let closeButton = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(closeButtonTapped))
        tools.items = [spacer, closeButton]
        self.inputAccessoryView = tools
    }

    @objc func closeButtonTapped(){
        self.endEditing(true)
        self.resignFirstResponder()
    }
}

その後、StoryBoardのUITextViewのCustomClassに、今回作成した「CustomTextView.swift」を指定する。

これで、上記を指定したUITextViewには、キーボードに「閉じる」ボタンが表示される。

※「CustomTextView.swift」は共通で使用できるため、キーボードに「閉じる」を表示したい各UITextViewに設定する事ができる。