Прогресс и активность

Индикаторы выполнения сигнализируют пользователям, что что-то происходит, что потребует некоторого времени.

Индикаторы выполнения

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

Индикатор выполнения всегда должен заполняться от 0% до 100% и никогда не двигаться назад к более низкого значению. Если несколько операций происходит последовательно, используйте индикатор для представления задержки в целом, и когда индикатор выполнения достигает 100%, он не возвращает обратно до 0%.

 
Прогресс бар в Holo Dark и Holo Light.

Индикаторы активности

Индикаторы активности используются для операций с неопределенной длительностью. Они просят пользователей подождать, пока что-то заканчивается, не вдаваясь в подробности о том, что происходит за кулисами.

Доступны два стиля: полоска и круг. Каждый предлагается в различных размерах, в обоих темах Holo Light и Holo Dark. Выберите подходящий стиль и размер для окружающего контекста. Например, самый большой круг хорошо работает, когда отображается в пустой области содержимого, но не в маленьком диалоговом окне. Каждая операция должна быть представлена ​​только одним индикатором активности.

  1. Активность в виде полосы

    В этом примере, полоса активности (в теме Holo Dark) появляется, когда пользователь впервые запрашивает загрузку. Период времени неизвестен, когда загрузка еще не началась. Как только начнется загрузка, эта полоса активности превращается в индикатор выполнения.

  1. Активность в виде круга

    В этом примере, круг (в теме Holo Light) используется в приложении Gmail, когда сообщение загружается, потому что не представляется возможным определить, сколько времени займет загрузка электронной почты.

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

Пользовательские индикаторы

Стандартные индикаторы выполнения и активности подходят для большинства ситуаций и должны быть использованы, когда это возможно, чтобы обеспечить целостность работы посредством Android. Однако, в некоторых ситуациях может понадобится что-то нестандартное.

Вот пример:
Во всех приложения Google Play (музыка, книги, фильмы, журналы), мы хотели, чтобы текущее состояние загрузки каждого элемента было видимым в любое время на экране верхнего уровня. Эти состояния:

  • Не загружен
  • Временно загружен (автоматически кэшируется приложением)
  • Загружено на устройство по желанию пользователя

Нам так же нужно отображать прогресс от одного состояния загрузки к другому, потому что загрузка не происходит мгновенно.

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

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

Цвет показывает загружен ли (синий) или нет (серый). Появление значка в виде канцелярской кнопки указывает, является ли закачка постоянной (белая, вертикально) или временной (серая, по диагонали). И когда состояние находится в процессе изменения, прогресс обозначается движущейся круговой диаграммой.

Среди приложений Google Play с различной разметкой, то же пользовательский индикатор появляется с каждым элементом. Он хорошо показывает состояние закачки, а также прогресса, в компактном виде, который может быть включен в любой дизайн экрана.

Если вы обнаружите, что стандартные индикаторы не отвечают вашим потребностям (из-за нехватки места, сложных состояний), всеми средствами создайте свой собственный. Создайте ощущение того, что это часть Android путем добавления некоторых визуальных характеристик стандартных индикаторов. В этом примере, мы перенесены круглую форму, такой ​​же оттенок синего, плоский и простой стиль.