Маркеры-значки

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

Принципы

Контекстные. Значки-маркеры привязаны к объектам или точкам в реальном мире.

Краткость. Маркеры-значки – это сокращенные визуальные индикаторы пространственного якоря.

Использование и размещение

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

check_circle

Что следует делать

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

cancel

Чего делать нельзя

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

Любой другой компонент Glimmer в Jetpack Compose можно использовать вместе с маркером, чтобы предоставить пользователю больше информации о его окружении.

check_circle

Что следует делать

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

cancel

Чего делать нельзя

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

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

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

Штаты

Маркер-значок очень похож на кнопку-значок. Основное отличие заключается в том, что вместо отключенного состояния у него есть неинтерактивное состояние.

Добавляйте аннотации к физическому миру в неинтерактивном состоянии, например отмечайте интересные места.

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

Анатомия

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

Поля

Горизонтально и вертикально расположенные элементы интерфейса имеют средний отступ, а элементы, расположенные по диагонали, имеют отступ по умолчанию 0 dp.

Выравнивание

Элементы пользовательского интерфейса могут быть расположены по горизонтали, вертикали или диагонали.

Ориентация

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

Настройка канала

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