Высота

Высота — это расстояние между двумя поверхностями, которые расположены на оси Z.

Обрати внимание на вертикальное расстояние между компонентами

Обрати внимание на вертикальное расстояние между компонентами

Значения высот у компонентов:

  1. Navigation drawer (боковая панель навигации): 16dp
  2. App bar (панель приложения): 4dp
  3. Card (карточка): 1dp to 8dp
  4. FAB (плавающая кнопка): 6dp
  5. Button (кнопка): 2dp to 8dp
  6. Dialog (диалоговое окно): 24dp

Высота в дизайн-системе Material Design

Измерение высоты

Высота измеряется от передней части одной поверхности до передней части другой поверхности по оси Z. Измеряется она в независящих от плотности пикселях (density independent pixels или сокращенно DP) и отображается по умолчанию с помощью теней.

Стандартная толщина материала составляет 1dp, поэтому все высоты рассчитываются, как разность расстояний от одной верхней плоскости до другой. Примеры ниже:

https://miro.medium.com/max/1596/0*b62nhPvTp0ko-K7-

  1. Видно, что сверху поверхность в 1dp (тень меньше), а чуть ниже поверхность уже на высоте 8dp (тень больше).
  2. Однако разница в высоте между двумя поверхностями составляет 7dp, если смотреть сбоку.