[iOS/UI] 탭바 길이 조정 및 아이템 위치 배열(UITabBar height & UITabBar item image insets)

아래이미지를 보면 내 기준에선 탭바 아이템들이 살짝 위로 가있다.

그래서 내릴 수 있는 방법을 찾다가 애플문서에서 아래 프로퍼티를 발견했다. 이미지 인셋이라는 건데 각 꼭지점들을 지정해 위치를 재배열할 수 있었다.

우선 스토리보드의 뷰컨트롤러에 탭바아이템 위치가 있는 부분을 클릭하고 인스펙터를 열면

6번째 size 인스펙터에 image inset이 있다. 모두 0으로 설정되어 있다.

난 아이템들을 내려야하기 때문에 바텀에 -20값을 줘보았다.

그랬더니 잘 안보일수도 있지만 아래로 약간 이동한 것을 볼 수 있다!

그리고 또 아이템을 내리기보단 탭바 높이를 줄이면 되지 않을까? 라는 생각에 탭바 헤이트를 조정하는 함수를 찾아본 결과 아래 코드를 찾게 되었고 쉽게 원하는 길이를 지정하면 바꿀 수 있었다.

extension UITabBar {
    override open func sizeThatFits(_ size: CGSize) -> CGSize {
    var sizeThatFits = super.sizeThatFits(size)
    sizeThatFits.height = 10 // 원하는 길이
    return sizeThatFits
   }
}

아래 사진처럼 10으로 줄어들 게 할 수 있다.