Splitter
Общая информация
Сплиттер (splitter) — используется для изменения размера динамическихи компоновок виджетов. Представляет из себя горизотальную или вертикальную черту выровненную по центру одного, либо группы виджетов.
Анатомия
Сплиттер
Виды
Существует два вида сплиттеров: горизонтальный и вертикальный. Используемый вид зависит от расположения виджетов.
Описание работы
Пользователь с пощью мыши наводится на сплиттер и, зажав левую клавишу мыши, изменяет размер виджетов. При этом размеры виджетов прямопропорциональны, при уменьшении одного, соседний или группа увеличивается.
Горизонтальный
Между горизонтально расположенными виджетами
Вертикальный
Между вертикально расположенными виджетами
Состояния
Default
По умолчанию (состояние покоя). Когда пользователь не взаимодействует со сплиттером.
Hover
При наведении курсора.
Active
В момент клика мышкой и перетаскивания.
Размеры
Размеры сплиттера у горизонтальной и вертикальной версии совпадают.
Отступы
Отступы от сплиттера до виджета могут варьироваться в зависимости от используемой сетки. 2 пикселя в восьмиколоночной и 6 в двенадцатиколоночной. Так как в разных сетках предусматривается разное расстояние между виджетов.
8 колонок
12 колонок
Цвета
Сплиттер: #8D91A4 — G6/G8
Last updated