[iOS/UI] 키보드 위에 버튼달기(add custom buttons above Keyboard)

안녕하세요 Foma 입니다!!

 

키보드 입력할때 키보드를 사라지게 하거나 할때 키보드 위에 done버튼이나 

 

아니면 키보드 아래있는 버튼을 보게 하기위해서 버튼이 키보드 위로 따라오는 듯한 것을 볼 수 있었을텐데

 

바로 오늘은 키보드 위에 이전과 다음 버튼을 넣어볼거에요!

 

바로 시작할게요~

---

Storyboard

 

먼저 스토리보드에 텍스트필드 하나를 만들어줍니다.

 

 

---

ViewController

 

위에서 만들어준 텍스트필드를 연결해줍니다.

 

 

 

바로 UIToolbar를 하나 만들어주는데요.

 

 

 

이제 여기에 넣어줄 버튼들이 필요하겠죠? 바로 이전버튼을 만들어줍니다.

 

 

그리고 다음버튼도 똑같이 만들어주세요.

 

 

이렇게 버튼을 만드셨으면 바로 툴바에 넣어주면 되느냐? 

 

안됩니다. 툴바에 들어갈 수 있는 아이템들은 UIBarButtonItem만 들어갈 수 있어요.

 

그래서 바로 UIBarButtonItem에 커스텀뷰를 만들어주신 이전버튼 다음버튼으로 설정해줍니다.

 

 

그 다음 툴바 아이템에 넣어주세요.

 

 

 

그리고 마지막으로 맨 처음 만들어주신 텍스트필드에 inputAccessoryView를 toolBar로 설정해주세요.

 

 

이렇게 해주시면 아래처럼 이전과 다음버튼이 키보드를 올렸을 때 보이게 됩니다!!

 

 

---

보너스

 

만약 "Done버튼만 구현하고싶은데 나는 오른쪽에 위치하게 하고싶어" 를 원하시는 경우 

 

그럴땐 툴바에 빈공간을 만들어주셔야됩니다.

 

빈공간을 만들기 위해선 UIBarButtonItem에 flexibleSpace를 넣어주시면 됩니다.

 

 

이걸 넣어주시면 아래와 같이 Done버튼이 오른쪽에 위치하게 됩니다.

 

 

---

Source Code

 

이전,다음버튼

오른쪽에 Done버튼