SwiftUI/HIG

[HIG] Tab bars

hyunjuntyler 2023. 6. 16. 19:09

탭바는 네이베이션을 위한 뷰이다. 탭바는 다른 종류의 정보를 구분할 때 사용한다. 또한 사용자가 빠르게 다른 종류의 뷰를 왔다갔다 하는데 쓰인다.

HIG에서 권장하는 Tab bar의 사용

  • 탭바는 뷰의 이동에 사용하는 것이 좋다. 기능 버튼을 추가할때는 toolbar를 사용하자.
  • 다른 뷰에 있을때 탭바를 항상 보이게 하자. 사용자가 집중해야 하거나 새로운 경험을 제공하는 경우 예외가 될수 있다. (모달뷰)
  • 탭바는 최대한 적게 써서 유저의 혼란을 줄여주자.
  • 구체적인 명사나 동사를 탭의 제목으로 활용하자.
  • SF Symbol 을 사용하는 것을 권장한다. 비슷한 무드의 Tab Item을 사용하자.

개인적인 공부

TabBar 에 어떠한 아이콘을 넣어야 할지 고민한 적 있다. 색이 있는 아이콘을 넣어볼까? 화려한 애니메이션을 적용해 볼까? 생각했지만 탭바의 특성을 살려 다른뷰로 이동하는데 초점을 맞추고 현재 내가 어디 위치에 있는지 확실히 표시해 주는것이 먼저라고 생각했다.

또 기본 컴포넌트로 탭바를 잘 제공해줘서 이 탭바를 바탕으로 여러가지 시도해보면 좋을 것 같다. 하지만 기본 컴포넌트는 제약 상황이 많아서 어떻게까지 커스텀을 해보아야 할지 고민이다.

 

HIG 링크

 

Tab bars | Apple Developer Documentation

Tab bars use bar items to navigate between mutually exclusive panes of content in the same view.

developer.apple.com