키보드 때문에 화면 가려질 때

** 공부 중이라 틀릴 수 있음 **

 

키보드 때문에 화면이 가려진다면 ... 곤란하죠

평소 다른 시뮬레이터로 테스트해볼 때는 멀쩡했는데, 마지막 검토 때 아이팟으로 봐보니까 엉망인 것이다.

키보드가 가려져서 내려가지도 않고 ... 그냥 느낌으로 이메일 치는 것이다. ㅋㅋㅋ

오른쪽이 아이팟

 

해결 방법

키보드가 나타나고 사라질 때를 감지 -> 원하는 만큼 뷰를 올리고 내림

 

Notification Center

키보드가 나타나고 사라질 때를 감지하기 위해서는 Notification Center를 쓰면 된다.

등록이 된 옵저버들에게 정보를 브로드캐스팅할 수 있도록 해주는 알림 발송 메커니즘이다.

Notification 의 개요를 보면, addObserver를 통해 알림 객체를 받을 수 있고, 자신은 관찰자로써 추가된다.

이번 같은 경우는, 키보드가 올라오고 사라질 때를 관찰하고 알림 받을 수 있다는 것이다.

 

그리고 오늘 사용하고자 하는 알림센터(notification center)는 기본(Default)이고,

만약 다른 프로세스에 대한 알림을 받고자 한다면 디폴트가 아닌 DistributedNotificationCenter를 사용하라고 한다.

 

왜 디폴트인가?

인스턴스의 생성이 하나로 정해져 있다. 다시 말해 '싱글톤 (Singleton)' 패턴이라는 것.

 

왜 싱글톤인가?

생각해보면 당연하다. 여기저기서 알림을 받으면 플젝 크기가 너무 커지고, 알림객체를 관리하기도 쉽지 않을 것이기 때문이다.

따라서 뷰가 생기고 사라질 때 addObserver / removeObserver 를 해주면 될 것 같다.

removeObserver는 반드시 필요하다. addObserver를 하고 remove를 해주지 않는다면 메모리 낭비로 이어질 수 있다.

 

해결 과정 & 코드

1) 뷰가 생기고 사라질 때 addObserver / removeObserver

override func viewWillAppear(_ animated: Bool) {
    self.addKeyboardNotifications()
}
override func viewDidAppear(_ animated: Bool) {
    if let textfield = self.textfield {self.textfield.becomeFirstResponder()}
}
override func viewWillDisappear(_ animated: Bool) {
    if let textfield = self.textfield {self.removeKeyboardNotifications()}
}

func addKeyboardNotifications() {
    // 키보드가 나타날 때 앱에게 알리는 메서드 추가
    NotificationCenter.default.addObserver(self, selector: #selector(self.keyboardWillAppear(noti:)), name: UIResponder.keyboardWillShowNotification , object: nil)
    // 키보드가 사라질 때 앱에게 알리는 메서드 추가
    NotificationCenter.default.addObserver(self, selector: #selector(self.keyboardWillDisappear(noti:)), name: UIResponder.keyboardWillHideNotification, object: nil)
}
func removeKeyboardNotifications() {
    // 키보드가 나타날 때 앱에게 알리는 메서드 제거
    NotificationCenter.default.removeObserver(self, name: UIResponder.keyboardWillShowNotification , object: nil)
    // 키보드가 사라질 때 앱에게 알리는 메서드 제거
    NotificationCenter.default.removeObserver(self, name: UIResponder.keyboardWillHideNotification, object: nil)
}

 

2) 키보드가 올라오고 내려갈 때 호출되는 함수 정의

 

설명) 키보드가 올라왔을 때 키보드의 높이를 구한다. (keyboardHeight)

나는 화면 전체를 올려버리는 것이 아닌, 가려지는 부분만큼의 화면만 살짝쿵 올려주고 싶기 때문에...

keyboard의 Y좌표와 텍스트필드의 Y좌표를 구해, 만약 키보드가 텍스트필드보다 위에 있다면 화면을 살짝쿵(self.buttonHeight만큼) 올려주는 것이다. 

여기서 self.buttonHeight는 버튼의 높이를 내가 지정해준 것이다.

왜냐면 나의 완료버튼은 키보드 위에 딱 붙어있게 설계했기 때문에... 

되게 야매같네.. 좋은 방법 아는 사람 있으면 알려줘요

@objc func keyboardWillAppear(noti: NSNotification) {
    if let keyboardFrame: NSValue = noti.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue {
        let keyboardRectangle = keyboardFrame.cgRectValue
        let keyboardHeight = keyboardRectangle.height
        let keyboardY = self.view.frame.height - keyboardHeight
        if keyboardY - self.buttonHeight < self.textfieldY {
            self.view.bounds.origin.y +=  self.buttonHeight
        }
    }
}

@objc func keyboardWillDisappear(noti: NSNotification) {
    if self.view.bounds.origin.y != restoreFrameValue {
        if let keyboardFrame: NSValue = noti.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue {
            let keyboardRectangle = keyboardFrame.cgRectValue
            let keyboardHeight = keyboardRectangle.height
            let keyboardY = self.view.frame.height - keyboardHeight
            if keyboardY - self.buttonHeight < self.textfieldY {
                self.view.bounds.origin.y -=  self.buttonHeight
            }
        }
    }
}

 

3) 텍스트필드 Delegate

이건 해도 되고 안해도 되는데, TextField를 delegate해준다.

3-1) 빈 화면 터치 시 키보드 내려감

3-2) 텍스트필드 터치 시 키보드 다시 올라감

3-3) 텍스트필드 작성 완료 시 (키보드에서 Return키 눌렀을 시) 키보드 내려감

extension KeyboardViewController: UITextFieldDelegate {
	override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        self.view.endEditing(true)
    }
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        textField.resignFirstResponder()
        return true
    }

    func textFieldShouldEndEditing(_ textField: UITextField) -> Bool {
        self.view.bounds.origin.y = self.restoreFrameValue
        return true
    }
}

 

 

끝. 사실 되게 간단할 줄 알았는데 코드 엄청 많이 짜야돼서 놀랐다. 

뭐 하나 쉬운게 없구나~ 아이팟 사라져

완료 화면 

살짝쿵 올려주고 내려준다.