[swift] SnapKit으로 뷰와 키보드 간의 관계 설정하기

14 Nov 2023

swift

이번 글에서는 iOS 프로젝트에서 SnapKit 라이브러리를 사용하여 뷰와 키보드 간의 관계를 설정하는 방법에 대해 알아보겠습니다.

SnapKit 소개

SnapKit은 iOS 프로젝트에서 Auto Layout을 쉽게 다룰 수 있도록 도와주는 라이브러리입니다. Swift 언어로 작성되었으며, 간결한 문법과 강력한 기능을 제공합니다.

뷰와 키보드 간의 관계 설정하기

iOS 앱에서 키보드와 상호작용하는 기능을 구현할 때, 키보드가 나타났을 때 뷰의 위치를 이동시키는 것은 필수적입니다. 이를 위해 SnapKit 라이브러리를 사용하여 키보드와 뷰 간의 제약을 설정하는 방법은 다음과 같습니다.

뷰컨트롤러에 키보드 관련 옵저버 등록하기

NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShow(_:)), name: UIResponder.keyboardWillShowNotification, object: nil)
NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillHide(_:)), name: UIResponder.keyboardWillHideNotification, object: nil)

키보드가 나타났을 때, 뷰의 위치를 조정하는 메소드 작성하기

@objc func keyboardWillShow(_ notification: Notification) {
    guard let userInfo = notification.userInfo else { return }
    guard let keyboardFrame = userInfo[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
       
    let keyboardHeight = keyboardFrame.height
       
    // 뷰 위치 조정 로직 구현
    // 예: NSLayoutConstraint를 사용하여 뷰의 높이를 조정하거나, UIScrollView를 이용하여 스크롤 기능 제공 등
}
   
@objc func keyboardWillHide(_ notification: Notification) {
    // 뷰 위치 초기화 로직 구현
}

SnapKit 라이브러리를 사용하여 뷰의 제약 설정하기

view.snp.makeConstraints { make in
    make.bottom.equalToSuperview().inset(keyboardHeight)
}

위의 코드를 통해 키보드가 나타났을 때, 뷰의 위치를 키보드의 높이만큼 조정할 수 있습니다. SnapKit의 makeConstraints 메소드를 사용하여 제약을 설정하고, bottom.equalToSuperview().inset(keyboardHeight)를 통해 뷰의 하단을 슈퍼뷰의 하단으로부터 키보드의 높이만큼 떨어진 위치로 설정합니다.

마무리

이번에는 SnapKit 라이브러리를 사용하여 iOS 프로젝트에서 뷰와 키보드 간의 관계를 설정하는 방법에 대해 알아보았습니다. SnapKit은 간편한 문법을 제공하여 Auto Layout 작업을 효율적으로 수행할 수 있도록 도와줍니다. 이를 통해 키보드와 상호작용하는 기능을 빠르게 구현할 수 있습니다.

SnapKit에 대한 자세한 내용은 공식 문서를 참고하시기 바랍니다.