Хелперы

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

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


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)
$sizeControlButtonTinyHeight Высота компактной кнопки (исключение для мобильного веба) x8 (32dp)
$sizeControlButtonTinyWidth Ширина компактной кнопки (исключение для мобильного веба) 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)