Новый индикатор загрузки Material 3 Expressive уже в Android 16

Видео, представляющее новый язык дизайна от Google, начинается с анимации «потяни и обнови», которая превращает «Material 3» в «Material 3 Expressive», а затем вводит новый индикатор загрузки.

Индикатор загрузки — это новый компонент в Material 3 Expressive, который показывает «ход выполнения при кратковременном ожидании», а именно менее пяти секунд. Google рекомендует его как «замену неопределенным круговым индикаторам прогресса», которые были обновлены в M3E, чтобы быть более выразительными (подробнее об этом ниже).

В Material 3 (и M2) индикаторы прогресса, используемые для «потяни и обнови», представляли собой довольно простой цикл.

Индикатор загрузки M3E — это «последовательность морфинга зацикленной формы, состоящая из семи уникальных форм Material 3». (В целом, их 35.) Он призван привлекать внимание и имеет круглый контейнер с более светлым фоновым цветом при использовании для «потяни и обнови».

Реклама — прокрутите, чтобы узнать больше

Его также можно использовать вне функции «потяни и обнови» без контейнера. Пользователи Android 16 Beta видят индикатор загрузки после перезагрузки устройства и ввода PIN-кода, но до загрузки Pixel Launcher/главного экрана.

Помимо размещения в середине страницы или контейнера, «индикаторы загрузки могут размещаться внутри других компонентов, таких как кнопки, чтобы показать, что действие выполняется, например, проверка формы или поиск обновлений».

Другой пример — вместо фавикона при загрузке страницы браузера:

Google рекомендует использовать индикатор загрузки для «отображения прогресса, который загружается менее чем за пять секунд».

Для более длительных взаимодействий Material 3 Expressive обновил линейные и круговые индикаторы прогресса. Это обновление позволяет им быть толще и иметь волнистую (в отличие от плоской) форму: «Волнистая форма может сделать длительные процессы менее статичными и лучше всего подходит, когда уместен более выразительный стиль». Таким образом, он может быть очень заметным.