🚧Splitter

Общая информация

Сплиттер (splitter) — используется для изменения размера динамическихи компоновок виджетов. Представляет из себя горизотальную или вертикальную черту выровненную по центру одного, либо группы виджетов.

Анатомия

1. Сплиттер

Виды

Существует два вида сплиттеров: горизонтальный и вертикальный. Используемый вид зависит от расположения виджетов.

Описание работы

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

Горизонтальный

Между горизонтально расположенными виджетами

Вертикальный

Между вертикально расположенными виджетами

Состояния

Default

По умолчанию (состояние покоя). Когда пользователь не взаимодействует со сплиттером.

Hover

При наведении курсора.

Active

В момент клика мышкой и перетаскивания.

Размеры

Размеры сплиттера у горизонтальной и вертикальной версии совпадают.

Отступы

Отступы от сплиттера до виджета могут варьироваться в зависимости от используемой сетки. 2 пикселя в восьмиколоночной и 6 в двенадцатиколоночной. Так как в разных сетках предусматривается разное расстояние между виджетов.

8 колонок

12 колонок

Цвета

Сплиттер: #8D91A4 — G6/G8