[iOS/UI] UITabbar 가운데에 버튼 넣기

탭바를 이용하다보면 가운데나 혹은 다른 곳에 버튼처럼 놓고싶을 때가 있습니다. 하지만 탭바는 눌렀을 때만 그 안에 색상을 변경할 수 있어서 버튼을 따로 추가해줘야하는데요 이것을 할 수 있는 방법을 소개해드리겠습니다!

첫번째로 UITabbarController를 행성해줍니다.

그리고 setupMiddleButton이라는 함수를 만들어

그 안에 menuButton을 하나 만들어줍니다.

그 뒤 배경색을(backgroundColor) 정하고 원하는 이미지(setImage)를 넣어줍니다.

이미지를 어떤 형식으로 채워넣을 것인지도 설정해줍니다.(contentMode)

그리고 버튼을 누를 수 있게 addTarget을 설정해주고 셀렉터 안에 menuButtonAction함수를 넣어줍니다.

그 뒤에 코드는 휴대폰마다 화면크기가 달라서 설정해주는 건데 아직 자세히는 저도 이해를 못했습니다. 대충은 safeArea를 조정해주는 것이라고 합니다. 

아까 말씀드렸던 menuButtonAction함수입니다.

이건 버튼을 눌렀을 때 무엇을 할건지 적어놓은건데 

self.selectedIndex =2 는 탭바 아이템중 0,1,2, 즉 3번째 가운데 것을 누른 것과 같이해라 라는 거고

sender.isHidden = true는 sender는 우리가 넣을 버튼이고 isHidden = true 숨기게 해라 라는 것입니다.

그렇게 하면 버튼이 가운데에 들어가게 됩니다!

아직 해결하지 못한 것 iphone8이나 11 등 가운데 홈버튼이 없는 휴대폰은 자세히 보면 버튼이 살짝 위로 가있는데 어떻게 해결해야하는지 모르겠다 ㅠ