APP BAR
APP BAR는 서비스에서 주로 내비게이션 역할을 하고 있다.
로고가 담길 수도 있고, 햄버거 버튼(메뉴 버튼)을 두기도 하고, 주요한 기능을 주로 둔다.
⬇️ APP BAR 서비스 예시
-
중앙 정렬 타입
타이틀 혹은 로고 타입을 중앙 정렬로 사용하는 경우, 두 개 이상의 아이콘을 사용하지 않는다. -
좌측 정렬 타입
타이틀을 좌측 정렬로 사용 시 액션 아이콘은 네 개 이상 사용하지 않는다.
컴포넌트 내부요소
- Container
- Navigation icon (Optional)
- Title (Optional)
- Action icons (Optional)
APP BAR STYLE
-
Standard app bar
-
Extended app bar
-
Contextual action bar
ex) 여러 이미지 or 연락처 목록 한번에 삭제 편집하는 경우
APP BAR 그리기 실습
