Поделиться через


Шаблон оформления подробных сведений о списке

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

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

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

На схеме показан шаблон оформления списка с навигацией и содержимым на разных экранах.

Рекомендации

Ниже приведены некоторые сценарии, которые помогут вам при применении этого шаблона проектирования:

На схеме показан список на одном экране с содержимым на другом вместо элементов списка, пересекающих петли.

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

На схеме показано нижнее меню на стороне экрана, а не пересечение петли.

Рекомендуется Не рекомендуется
Навигация в нижнем меню на левом экране по отношению к списку на левом экране. На левом экране нет навигации по нижнему меню и список, охватывающий два экрана.

На схеме показано использование бокового меню на экране списка, а не нижнее меню, которое охватывает оба экрана.

Рекомендуется Не рекомендуется
Используйте навигацию по боковому меню со списком на левом экране и сведениями на правом экране. Навигация по нижнему меню между двумя экранами в списке отсутствует.

На схеме показано вращающееся представление, в котором отображается только содержимое на обоих экранах, а не в списке.

Рекомендуется Не рекомендуется
Отображение сведений о том, когда устройство поворачивается в двойную альбомную ориентацию (с кнопкой "Назад", чтобы вернуться в список). Не отображайте список на одном экране и сведения на другом экране, когда устройство поворачивается в двойную альбомную ориентацию.

На схеме показана коллекция изображений на экране списка с увеличенным изображением на втором экране.

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

Типы приложений с поддержкой этого режима:

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

Примеры кода

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

Примечание

Рекомендации по работе с представлением "Список и подробные сведения"

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

Некоторые параметры включают последний касаемый элемент в представлении списка, верхний элемент в списке или последний измененный элемент.

Дальнейшие действия

Рассмотрим следующие другие шаблоны проектирования: