Loader

Loader - универсальный компонент для отображения индикаторов загрузки. Поддерживает два типа индикаторов: спиннер (spinner) и круговой прогресс-бар (progress).

Особенности работы
  • Автоматически ограничивает значение прогресса в диапазоне от 0 до maxValue
  • Поддерживает различные степени размытия фона (blur)
  • Может отображаться поверх контента с полупрозрачным оверлеем
  • Адаптирует толщину линии прогресса под размер компонента

Использование​

Спиннер​

Используется для отображения процесса загрузки без указания прогресса:

Live Editor

Result

Прогресс-бар​

Отображает прогресс выполнения задачи в виде круговой диаграммы:

Live Editor

Result

Примеры​

Размеры индикатора​

Размер задается с помощью свойства size:

Live Editor

Result

Виды индикатора​

Вид задается с помощью свойства view:

Live Editor

Result

Полупрозрачный оверлей с размытием​

Отображение индикатора поверх затемненного фона с blur эффектом:

Live Editor

Result

Контент внутри прогресс-бара​

Отображение дополнительной информации внутри кругового индикатора:

Live Editor

Result

Настройка толщины линии прогресса​

Изменение толщины обводки прогресс-бара:

Live Editor

Result

Отключение фоновой дорожки​

Скрытие фоновой линии прогресс-бара:

Live Editor

Result

Кастомный максимальный показатель​

Изменение максимального значения прогресса:

Live Editor

Result

API​