Силуэты приложений Windows

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

Общие сведения о содержимом и элементах управления см. в разделе Основные сведения о содержимом.

Верхний силуэт навигации

Пример приложения навигации

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

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

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

В Windows 11 фотографии — хороший пример приложения, использующего силуэт навигации сверху.

Пример приложения в строке меню

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

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

В Windows 11 Блокнот является хорошим примером приложения, использующего силуэт строки меню.

Силуэт навигации слева

Пример левого приложения навигации

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

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

В Windows 11 параметры — хороший пример приложения, использующего силуэт навигации слева.

Силуэт представления табуляции

Пример приложения для просмотра вкладок

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

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

В Windows 11 терминал является хорошим примером приложения, использующего силуэт представления вкладок.