Слайдеры

Встроенные ползунки позволяют пользователям выбирать из диапазона значений.

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

Анатомия

А. Индикатор выполнения
B. Ход прогресса
С. Контейнер
D. Значок уменьшения
E. Значок увеличения
Ф. Спейсер

Рекомендации по дизайну

Сегментированный слайдер

Рассмотрите возможность использования сегментированного ползунка, если диапазон значений составляет от трех до девяти. Если диапазон больше восьми, сегменты будут слишком малы, чтобы их можно было увидеть.

Применение

Адаптивные макеты

Сегменты шага заполняют доступную ширину, поэтому они будут казаться длиннее в зависимости от размера экрана.

Заполняет доступную ширину

Ползунки растягиваются, чтобы заполнить доступную ширину на больших экранах.

Значок (24 x 24 пикселя)
Контейнер (52 x XX dp)