[iOS] 키패드가 활성화될 때 TextField 가리는 문제 해결하기, 키패드 핸들링하기

키패드가 활성화 되어 올라왔을 때 TextField가 가려지는 문제를 해결하자

 

 

 

 

 

다양한 방법들이 있지만, NotificationCenter을 사용해서 해결해보자:)

원하는 과정은 다음과 같다.

---

PROCESS

TextField선택시 키패드가 올라옴 (*안올라오는 경우 : Cmd + Shift + k)

-> NotificationCenter를 통해 키패드가 올라옴을 앱이 인지

-> 가려진 TextField가 보이도록 화면이 올라감

-> TextField에 값 입력 후 키패드 내림 (화면 터치 or Done 클릭)

-> 키패드가 내려감을 NotificationCenter를 통해 앱이 인지

-> 화면 원상복귀

 

---

1.  NotificationCenter  - Observer 등록

키패드가 활성화 되는지 안되는지 탐지할 observer를 등록하기 위해 아래 코드를 ViewDidLoad() 안에 작성합니다.

override func viewDidLoad() {
	super.viewDidLoad()
	textField.delegate = self
    
    // Register Keyboard notifications
    // addObserver를 통해 옵저버를 설정할 대상을 뷰컨트롤러 객체(self)로 지정
	NotificationCenter.default.addObserver(self,
                                            selector: #selector(keyboardWillHide(_:)),
                                            name: UIResponder.keyboardWillHideNotification,
                                            object: nil)
	NotificationCenter.default.addObserver(self,
                                            selector: #selector(keyboardWillShow(_:)),
                                            name: UIResponder.keyboardWillShowNotification,
                                            object: nil)
}

 

addObserver안의 UIResponder.keyboardWillHideNotification이라는 이름의 이벤트가 발생하면,

self(뷰컨트롤러 객체)가 처리를 하고,

처리할 내용은 keyboardWillHide(_:)라는 함수에 담겨 있습니다.

 

 

---

2. 실행 함수 정의

해당 옵저버(addObserver) 실행시 처리할 함수을 정의합니다.

키보드가 나타남과 동시에 화면이 올라가는 keyboardWillShow와

키보드가 내려감과 동시에 화면이 원래대로 돌아오는 keyboardWillHide를 정의하였습니다.

//키보드 올라갔다는 알림을 받으면 실행되는 메서드
@objc func keyboardWillShow(_ sender:Notification){
        self.view.frame.origin.y = -150
}
//키보드 내려갔다는 알림을 받으면 실행되는 메서드
@objc func keyboardWillHide(_ sender:Notification){
        self.view.frame.origin.y = 0
}

• keyboardWillShow : view의 y좌표를 150만큼 올려주어 TextField가 보이게
• keyboardWillHide : view를 원래위치로

 

 

---

3. TextField 입력이 끝났음을 알림

입력이 완료되었다는 알리기 위한 방법에는 2가지가 있습니다.

 

1)  화면 터치하여 키패드 내리기

키패드부분을 제외한 화면을 터치하여 입력이 완료되었음을 알립니다.

이 처리는 매우 간단합니다. 원하는 ViewController에 아래 코드 삽입하면 해결!

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?){
         self.view.endEditing(true)
         }

 

2) 키패드의 Done 버튼 클릭하여 키패드 내리기

이 동작를 수행하기 위해서는 먼저 UITextFieldDelegate 프로토콜을 준수해야 합니다.

따라서 viewDidLoad() 안에 아래 코드를 삽입하여 연결시켜준 textField의 delegate를 설정!

textField.delegate = self

delegate를 설정 후 Viewcontroller 안에 아래 코드를 삽입하면,

키패드상의 Done, Enter 등 완료키를 클릭하여 입력이 완료되었음을 알립니다.👻

func textFieldShouldReturn(_ textField: UITextField) -> Bool{
    textField.resignFirstResponder()
    return true
}