Sylwetki aplikacji systemu Windows

Sylwetki wskazują typowy wzorzec relacji między elementami, takimi jak warstwy aplikacji, menu, nawigacja, polecenia i obszary zawartości. Ten artykuł koncentruje się na typowych sylwetkach używanych w kilku wbudowanych aplikacjach Windows.

Zapoznaj się również z Podstawowe informacje o zawartości w celu uzyskania wspólnych ustaleń dotyczących zawartości i kontrolek.

Zarys górnej nawigacji

NavigationView można użyć na górze warstwy zawartości aplikacji, tworząc połączenie z poniższą zawartością. Zwróć uwagę na lokalizację tożsamości użytkownika/osoby/kontrolki obrazu podczas korzystania z górnej nawigacji.

Umieszczenie nawigacji w tym samym wierszu co polecenia może być przydatne podczas próby zmaksymalizowania ilości miejsca w pionie dla poniższej zawartości.

Marginesy zawartości mogą się różnić. W tym przykładzie użyto marginesów 56epx, uzupełniających duże elementy medialne. Używaj mniejszych marginesów w celu uzyskania mniejszych/ściślejszych potrzeb dotyczących zawartości.

W systemie Windows 11 aplikacja Zdjęcia to dobry przykład programu, który korzysta z górnej nawigacji.

Sylwetka paska menu

MenuBar można użyć jako części warstwy podstawowej razem z CommandBar. Dzięki temu bardziej koncentruje się na podstawowym zadaniu obszaru zawartości, w tym przypadku kompozycji i edytowania.

W tym przykładzie przedstawiono edytor tekstów korzystający z marginesów 12epx, aby zwiększyć użyteczność aplikacji.

W systemie Windows 11 Notatnik jest dobrym przykładem aplikacji korzystającej z sylwetki paska menu.

Lewa ikona nawigacji

kontrolki NavigationView automatycznie spoczywają na warstwie podstawowej aplikacji. Powoduje to bardziej skoncentrowanie się na podstawowym zadaniu obszaru zawartości. Zwróć uwagę na lokalizację tożsamości użytkownika/osoby/panelu obrazu podczas korzystania z nawigacji po lewej.

Marginesy zawartości mogą się różnić. W tym przykładzie użyto marginesów 56epx, aby uzupełnić spójność zawartości w ekspanderach. Używaj mniejszych marginesów, gdy spójność zawartości jest mniej istotna, ponieważ inne elementy projektowe wzmacniają spójność, zawartość nie jest zagnieżdżona w ekspanderach lub zawartość nie powinna być logicznie grupowana.

W systemie Windows 11, Ustawienia to dobry przykład aplikacji korzystającej z panelu nawigacji po lewej stronie.

Sylwetka widoku kart

TabView można zintegrować z warstwą podstawową aplikacji oraz kontrolką paska tytułu . W tym przypadku tworzenie i edytowanie kodu w obszarze zawartości jest bardziej skoncentrowane na podstawowym zadaniu obszaru zawartości.

W tym przykładzie przedstawiono edytor tekstów korzystający z marginesów 12epx, aby uzupełnić narzędzie aplikacji.

W systemie Windows 11 terminal jest dobrym przykładem aplikacji korzystającej z sylwetki widoku tabulacji.