4.9. Слайдер

Рисунок 4.44. Виды слайдеров

Виды слайдеров

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

4.9.1. Общие параметры Слайдеров

  • ширина Слайдера должна быть не менее 100 px

  • высота полосы значения - 6 px, радиус скругления — 3 px

  • радиус бегунка слайдера — 7 px + 2 px обрамление

  • минимальные вертикальные отступы от полосы значения - 20 px

  • минимальные горизонтальные отступы от полосы значения — 10 px

4.9.2. Цвета Слайдеров

Фон полосы значения — ButtonBg

Основная полоса значения и бегунка— ProgressNormal

Основная полоса значения и бегунка (для индикации просроченного значения) — DeclineButtonBg2

Опциональная полоса значения — ProgressOptional

Обрамление бегунка - WhiteBg

4.9.3. Поведение компонента Слайдер

Щелчок ЛКМ

По щелчку в полосе значения происходит перемещения бегунка в место щелчка.

Перемещение бегунка ЛКМ

С помощью нажатия и удержания ЛКМ на бегунке, можно перемещать его по полосе значений. Установить конечное положение бегунка можно отпустив ЛКМ.