未分類

キーボードでtextFieldが隠れないようにする

投稿日:

画面下にtextFieldやtextViewを配置すると、キーボード出現時に隠れてしまうことがある。
キーボード出現と一緒に、textFieldの位置を上げることで解決。

キーボード出現時にtextFieldを上げる方法

UIResponderのkeyboardWillShowとkeyboardWillHideを使い、キーボード出現時とキーボードが隠れた時にviewの高さを変える。

NotificationCenterで検知する。

import UIKit

class ViewController: UIViewController, UITextFieldDelegate {
    
    @IBOutlet weak var textField: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        //デリゲート
        textField.delegate = self
        
        //キーボードが出現を検知して、行う処理を指定
        NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShow), name: UIResponder.keyboardWillChangeFrameNotification, object: nil)
        //キーボードが閉じたのを検知して、行う処理を指定
        NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillHide), name: UIResponder.keyboardWillHideNotification, object: nil)
    }
    
    
    //キーボードのframeに変化がある時に呼ばれるメソッド
    @objc func keyboardWillShow(notification: NSNotification) {
        
        if let keyboardSize = (notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue)?.cgRectValue {
            
            //キーボドが初めて出てきた時(viewが初期位置)
            if self.view.frame.origin.y == 0 {
                
                //キーボードの高さ分viewを上に移動する
                self.view.frame.origin.y -= keyboardSize.height
                
            } else {//キーボードはすでに出ている時(viewがキーボード分上がっている)
                
                //予測変換部分の高さ分viewを上に移動する
                let suggestionHeight = self.view.frame.origin.y + keyboardSize.height
                self.view.frame.origin.y -= suggestionHeight
                
            }
        }
    }
    
    //キーボードが隠れた時に呼ばれるメソッド
    @objc func keyboardWillHide() {
        //viewが初期位置でない場合、0に戻す
        if self.view.frame.origin.y != 0 {
            self.view.frame.origin.y = 0
        }
    }
    
    //return押下でキーボードを閉じる
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        self.view.endEditing(true)
        return false
    }
    
}

参考:【Swift】キーボードと一緒にViewも上げる方法

-未分類

執筆者:

関連記事

no image

AutoLayoutで均等な横並びにする

AutoLayoutで均等に並べるための基本が分かりやすく載っている↓ 参考:Xcode|StoryboardのAutoLayoutを使用してラベルやボタンを均等に配置する

no image

動画の速度を遅くしてクリップを引き伸ばす方法

commnd + R スロー・早送りで速度を変更できる。 参考: Premiere Pro 再生速度を変更(早回し・スローモーション動画)する手っ取り早い方法

no image

GoogleService-Info.plistでエラーが出た時の対処法

エラ〜:reason: ‘[FIRApp configure]; (FirebaseApp.configure() in Swift) could not find a valid Goo …

自動字幕生成「Vrew」使い方

ファイル→新しい動画で始める で読み込み開始 ショートカット 次のクリップへ移動:tab 前のクリップへ移動:tab + shift 再生/停止:command + P 結合・分割 クリップの分割した …

読み込んだイラストの位置・スケールを直接変える方法

クリップ選択後、「モーション」をクリックするとイラストの周りに青枠が出て直接拡縮したり移動できる。 エフェクトコントロールの位置・スケールで動かすより楽。