Хелперы

Стандартные размеры отступов внутри элементов интерфейса и между разными элементами и компонентами.

Используемые размеры


x0 (0dp)
x025 (1dp)
x05 (2dp)
x1 (4dp)
x2 (8dp)
x3 (12dp)
x4 (16dp)
x5 (20dp)
x6 (24dp)
x8 (32dp)
x10 (40dp)
x12 (48dp)
x15 (60dp)
x20 (80dp)

Высота и ширина

Название Назначение Productivity Media, My.com Touch
$sizeControlHeight Высота элемента управления x8 (32dp) x10 (40dp) x12 (48dp)
$sizeControlHeightResponsive Высота элемента управления для 1024 x8 (32dp) x8 (32dp)
$sizeControlButtonWidthMin Минимальная ширина кнопки (по ширине кнопки «Отменить») 86dp 94dp 130dp
$sizeControlButtonIconWidth = $sizeControlHeight Ширина кнопки-иконки x8 (32dp) x10 (40dp) x12 (48dp)
$sizeControlButtonLargeHeight Высота укрупнённой кнопки (исключение для Beepcar)
$sizeControlButtonLargeWidth Ширина укрупнённой кнопки (исключение для Beepcar)
$sizeControlButtonSmallHeight Высота компактной кнопки (исключение для мобильного веба) x8 (32dp)
$sizeControlButtonSmallWidth Ширина компактной кнопки (исключение для мобильного веба) x8 (32dp)
$sizeControlButtonSliderHeight = $sizeControlHeight - $sizeBase*2 Высота ползунка в слайдере x6 (24dp) x8 (32dp)
$sizeControlButtonSliderWidth Ширина ползунка в слайдере x3 (12dp) x3 (12dp)
$sizeControlButtonSliderWidthPointer = $sizeControlButtonSliderWidth + $sizeBase Ширина ползунка с указателем в слайдере x4 (16dp) x4 (16dp)
$sizeControlFieldWidthMin Стандартная ширина поля ввода 380dp 380dp 328dp
$sizeControlLabelWidth Ширина названия элемента управления при размещении слева 184dp 184dp
$sizeControlCheckHeight Высота чекбокса и радиокнопки x4 (16dp) x4 (16dp) x4 (16dp)
$sizeControlCheckWidth = $sizeControlCheckHeight Ширина чекбокса и радиокнопки x4 (16dp) x4 (16dp) x4 (16dp)
$sizeProgress Толщина полосы прогресса и полосы прокрутки x1 (4dp) x1 (4dp) x1 (4dp)
$sizeProgressScroll = $sizeProgress + $sizeBase*2 Ширина «безопасной» области для прокрутки x3 (12dp) x3 (12dp)
$sizeDotBullet Радиус индикатора ненумерованного списка x1 (4dp) x1 (4dp) x1 (4dp)
$sizeDotIndicate Радиус индикатора для пошаговых помощников x2 (8dp) x2 (8dp) x2 (8dp)
$sizeDotClickable Радиус индикатора карусели (переключение слайдов, экранов промо-сайта) x3 (12dp) x3 (12dp) x3 (12dp)
$sizePopupSmall Ширина компактного попапа 420dp 420dp 352dp
$sizePopupMedium Ширина обычного попапа 680dp 680dp 352dp
$sizePopupLarge Ширина попапа с развёрнутым контентом 880dp 880dp 352dp

Отступы внутри элементов управления

Название Назначение Productivity Media, My.com Touch
$paddingControlHorizontal Горизонтальный отступ внутри элемента управления x3 (12dp) x3 (12dp) x3 (12dp)
$paddingControlVertical Вертикальный отступ внутри элемента управления x0 (0) x0 (0) x0 (0)
$paddingControlMore Горизонтальный отступ внутри элемента управления с саджестом x2 (8dp) x2 (8dp) x2 (8dp)
$paddingControlMoreIcon Отступ от текста в выпадающем списке до иконки. Нужен ли он отдельно? x2 (8dp) x3 (12dp) x3 (12dp)
$paddingControlButton Горизонтальный отступ внутри кнопки x4 (16dp) x5 (20dp) x5 (20dp)
$paddingControlButtonIcon = $paddingControlButton - $sizeBase Горизонтальный отступ внутри кнопки с иконкой x3 (12dp) x4 (16dp) x4 (16dp)
$paddingControlDiv Отступ сверху и снизу у разделителя внутри поля ввода x1 (4dp) x1 (4dp) /* проверить */ x1 (4dp) /* проверить */
$paddingMenu Отступ сверху и снизу выпадающего списка x2 (8dp) x2 (8dp) x2 (8dp)
$paddingTag Отступ внутри тега или операнда x2 (8dp) x2 (8dp) x2 (8dp)
$paddingTab Отступ внутри вкладки 0 x4 (16dp) 0
$paddingTableHorizontal Горизонтальный отступ внутри таблицы x4 (16dp) x4 (16dp) x4 (16dp)
$paddingTableVertical Вертикальный отступ внутри таблицы x4 (16dp) x4 (16dp) x4 (16dp)

Отступы между элементами управления

Название Назначение Productivity Media, My.com Touch
$marginControl Отступ между элементами управления x2 (8dp) x3 (12dp) x3 (12dp)
$marginControlGroup Отступ между элементами управления в группе (-1 для скрытия двойной границы) -x025 (-1dp) -x025 (-1dp) -x025 (-1dp)
$marginFormLabelHorizontal Отступ от названия элемента управления до элемента (расположение слева) x4 (16dp) x4 (16dp) x4 (16dp)
$marginFormLabelVertical Отступ от названия элемента управления до элемента (расположение сверху) x1 (4dp) x1 (4dp) x1 (4dp)
$marginFormTip Отступ от элемента управления до подсказки к нему или ошибки x1 (4dp) x1 (4dp) x1 (4dp)
$marginFormFieldHorizontal Отступ между элементами формы (расположение слева) x4 (16dp) x4 (16dp) x4 (16dp)
$marginFormFieldVertical Отступ между элементами формы (расположение сверху) x5 (20dp) x5 (20dp) x5 (20dp)
$marginFormFieldSet Отступ между группами элементов формы x8 (32dp) x8 (32dp) x8 (32dp)
$marginIcon Отступ от иконки до её названия x3 (12dp) x3 (12dp) x3 (12dp)
$marginChoice Отступ от радио-кнопки или чекбокса до названия /* в примерах элементов возможна ошибка вызова */ x2 (8dp) x2 (8dp) x2 (8dp)
$marginMenu Отступ меню от элемента управления, который его вызвал x025 (1dp) x025 (1dp) x025 (1dp)
$marginTag Отступ между тегами или операндами x1 (4dp) x2 (8dp) x2 (8dp)
$marginTab Отступ между вкладками x8 (32dp) x2 (8dp) x8 (32dp)
$marginBullet Отступ от индикатора ненумерованного списка до текста x3 (12dp) x3 (12dp) x3 (12dp)
$marginAttribute Отступ от атрибута до названия объекта (например, дата у новости) x1 (4dp) x1 (4dp) x1 (4dp)

Отступы внутри контейнеров

Название Назначение Productivity Media, My.com Touch
$paddingBase = $sizeGrid Отступ внутри «оболочки» попапа, карточки
Вертикальные отступы между блоками в попапах
x5 (20dp) x5 (20dp) x3 (12dp)
$paddingSliceTop Оступ от верхней границы пояса до заголовка x10 (40dp)
$paddingSliceBottom Нижний отступ в поясе x15 (60dp)