(용어) Status Bar/ Navigation Bar/ Tool Bar/ Tab bar

• Status Bar
• Navigation Bar
• Tool Bar
• Tab bar 

최근 모바일쪽 공부를 하면서 위 4가지 UI의 용어가 정확하게 어떤 부분을 의미하는지 헷갈려 정리 해보기로 한다.

 

Status Bar

: 기기의 시계, 네트워크, 와이파이, 베터리 잔량등을 확인 할 수 있는 상태표시줄

ios status bar

android  status bar

 

Navigation Bar / Top bar

: 주로 페이지 탐색, 현재 페이지 위치 확인이 가능하다.

ios에서는 navigation bar

android에서는 top bar라고 명칭한다.

 

ios navigation bar

 

android navigation bar

 

Tool Bar / Tab Bar

: Tool Bar는 Tab bar와  헷갈릴 수 있지만 가장 큰 차이점은 그 화면에 영향을 주는 액션을 할 수 있는가 없는가 의 정의가 들어간다.

ex) 단순 페이지 이동은 tab bar 

카메라 사용버튼이 있다거나 공유버튼 즐겨찾기 추가 등 단순 페이지이동이 아닌 것들이 들어가면 tool bar 

( 페이지 이동 + 액션버튼 = 복합적 )

 

카카오 tab bar

safari tool bar(책갈피 저장 등 가능)