Android Material Design Layout-Structure

출처 : http://www.google.com/design/spec/layout/structure.html

각 구조(모바일, 태블릿, 데스크 탑 별)의 명칭

모바일 

Table

데스크탑

--------------------------

Toolbars

Full-width, default height app bar : 폭은 전체, 기본 높이

Full-width, extended height app bar : 폭은 전체, 높이는 확장

Column-width toolbars at multiple levels of hierarchy : 여러 단계가 있을 때 한 컬럼의 폭을 가지는 툴바

Flexible toolbar and card toolbar : 가변적인 툴바와 카드 내 툴바

Floating toolbar : 떠있는 툴바

Detached toolbar palette : 독립된 툴바 빠레트

Bottom toolbar that launches to a shelf and clings to the top of the keyboard or other bottom component : 

App bar

안드로이드에서 action bar로 알려져있고 특별한 toolbar이다.

 

기본높이

모바일에서 가로모드일 때 : 48dp

모바일에서 세로모드일 때 : 56dp

태블릿/데스크탑 : 64dp

확장된 높이에서는 기본높이 56dp에 title높이 72dp = 128dp

여러줄에 걸친 경우