LayerzLAYERZ
Documentation

Tab Bar

여러 Page 를 탭으로 전환하는 Tab Bar 구성하기

2 min read

Tab bars | Apple Developer Documentation

Tab Bar 는 iPhone 이후 가장 대표적인 UI 입니다. 여러 Page 를 아래쪽에 나란히 두고, 탭을 눌러 각 Page 로 바로 이동하게 합니다. Layerz 는 iOS·iPadOS 의 기본 Tab Bar UI 를 지원합니다.

만들기

  1. 왼쪽 패널의 추가 메뉴에서 Add Tab Bar Container 를 선택해 Tab Bar Container 를 만듭니다.
  2. Page 목록에서 Tab Bar Container 를 선택하면 Inspector 에 Container 영역이 보입니다.
  3. 여기에 탭으로 보여 줄 Page 들을 선택해 넣습니다.

탭 아이콘과 타이틀

Tab Bar 는 각 Page 를 대표하는 아이콘과 타이틀을 보여 줍니다. 이 아이콘과 타이틀은 Page 의 속성이므로, Tab Bar 에 넣을 각 Page 에서 미리 잘 정의해 두어야 합니다.

완전한 커스텀 디자인의 Tab Bar 는 추후 업데이트에서 제공될 예정입니다. 지금은 시스템 기본 Tab Bar 로 손쉽게 네이티브 탭 UI 를 만들 수 있습니다.