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