Перемещающиеся представления

Документы разработчика

Создание перемещающихся представлений с вкладками

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

Перемещение между представлениями

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

Главное представление(слева) и подробности (справа).

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

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

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

Перемещение между вкладками

Приложение People использует жест для переключения между вкладками верхнего уровня.
 

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

 

Контрольная таблица

  • Используйте жесты для быстрого перемещения между представлениями подробностей или вкладок.

  • Переход между представлениями как только пользователь начинает выполнять жест перемещения. Не ждите, пока жест завершится, чтобы затем выполнить переход между представлениями.

  • Если вы использовали кнопки в прошлом для перехода к предыдущему/следующему представлению, замените их на жест.

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

  • Для более подробной информации о том, как создать перемещающиеся представления, прочитайте документацию для разработчиков Реализация поперечной навигации.