Swift：TextFieldが隠れちゃうのをなんとかする！

今回はTextFieldがキーボードに隠れてしまう問題の解決方法をメモしていきます。

 

TextFieldがキーボードに隠れてしまう問題

誰もが一度は引っかかる問題ですよね・・・

 

 

 

解決例

• そもそもTextFieldを下に置かない。
• LINEみたいにTextFieldをキーボードの高さ分を上に移動させる。←今回はこれをやります！

 

 

 

それではコードを書いていきます！

トータルのコード

//
//  ViewController.swift
//  TextFieldShow


import UIKit
class ViewController: UIViewController {
    
    let SCREEN_SIZE = UIScreen.main.bounds.size

    @IBOutlet weak var textField: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        NotificationCenter.default.addObserver(self, selector: #selector(ViewController.keyboardWillShow(_:)), name: NSNotification.Name.UIKeyboardWillShow, object: nil)
        //ここでUIKeyboardWillShowという名前の通知のイベントをオブザーバー登録をしている
        NotificationCenter.default.addObserver(self, selector: #selector(ViewController.keyboardWillHide(_:)), name: NSNotification.Name.UIKeyboardDidHide, object: nil)
        //ここでUIKeyboardWillHideという名前の通知のイベントをオブザーバー登録をしている
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
    
    
    //Viewをタップした時に起こる処理を描く関数
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        //キーボードを閉じる処理
        view.endEditing(true)
    }
    
    //UIKeyboardWillShow通知を受けて、実行される関数
    func keyboardWillShow(_ notification: NSNotification){
        
        let keyboardHeight = (notification.userInfo![UIKeyboardFrameEndUserInfoKey] as AnyObject).cgRectValue.height
        textField.frame.origin.y = SCREEN_SIZE.height - keyboardHeight - textField.frame.height
        
    }
    
    
    //UIKeyboardWillShow通知を受けて、実行される関数
    func keyboardWillHide(_ notification: NSNotification){
        textField.frame.origin.y = SCREEN_SIZE.height - textField.frame.height 
        
        
    }



}

let SCREEN_SIZE = UIScreen.main.bounds.size

スクリーンサイズを取ってきています。

後々効いてきます！

 

NotificationCenter.defaults.addObserver

ここが複雑ですよね・・・・とりあえず使い方はこんな感じです！！

NotificationCenter.default.addObserver(通知を受け取るオブジェクト, selector: #selector(通知を受け取った時に実行される関数), name: 受け取る通知の名前,  object: nil)

textFieldをタップ

↓

keyboardwillshow（これからキーボード出るよ〜〜！）という通知が送られる。

↓

通知を受け取るオブジェクトは『ViewController』ですね。

↓

通知を受け取った時に実行される関数（func keyboardWillShow(_ notification: NSNotification){} ）が実行されます。

 

 

func keyboardWillShow(_ notification: NSNotification){} の中身

とっても単純です。

飛び出るキーボードの高さを取得して、

let keyboardHeight = (notification.userInfo![UIKeyboardFrameEndUserInfoKey] as AnyObject).cgRectValue.height

キーボードとtextFieldの高さをスクリーンサイズから引いた値をtextFieldのy軸の座標にしています。

textField.frame.origin.y = SCREEN_SIZE.height – keyboardHeight – textField.frame.height

 

どうですか？？

以外に面倒ですよね。笑