![]() ![]() You can add a page title by setting the Header property. You can place free-form content in the pane's footer by adding it to the PaneFooter property. The image below shows a NavigationView with Account, Your Cart, and Help navigation items in the footer menu. ![]() Only Navigation items should be placed in FooterMenuItems - any other content that needs to align to the footer of the pane should be placed in PaneFooter.įor an example of how to add FooterMenuItems to your NavigationView, see the FooterMenuItems class. The Settings item can still be toggled using the IsSettingsVisible property. ![]() You can use FooterMenuItems to place navigation items at the end of the navigation pane, contrasted with the MenuItems property which places items at the start of the pane.įooterMenuItems will be displayed before the Settings item by default. Here is the detailed pane anatomy for the top and left pane positions. To enable backwards navigation, see the backwards navigation section. However, it does not automatically handle backwards navigation and add content to the back stack. The NavigationView has a back button that is placed in the top left-hand corner of the pane. On larger app windows when the pane is open, you may choose to hide this button using the IsPaneToggleButtonVisible property. A menu button to toggle the pane opened and closed.To hide the settings item, set the IsSettingsVisible property to false. An optional entry point for app settings.Assign the control to the NavigationView.AutoSuggestBox property. An optional AutoSuggestBox control to allow for app-level search.Set the Opacity property to 0 to render the separator as space. Separators for grouping navigation items. Navigation items for navigating to specific pages. You can use the PaneDisplayMode property to position the pane above the content or to the left of the content. These images show the layout of the pane, header, and content areas of the control when configured for top or left navigation. NavigationView default adaptive behavior Anatomy For more info, see the adaptive behavior section. In Auto mode, the NavigationView adapts between LeftMinimal when the window is narrow, to LeftCompact, and then Left as the window gets wider. You can use the PaneDisplayMode property to configure different navigation styles, or display modes, for the NavigationView.īy default, PaneDisplayMode is set to Auto. The PaneDisplayMode property requires Windows 10, version 1809 ( SDK 17763) or later, or the Windows UI Library. Get the WinUI 2 Gallery app (Microsoft Store).If you have the WinUI 2 Gallery app installed, click here to open the app and see the NavigationView in action. ![]() Organizing access to many navigation categories.įor other navigation patterns, see Navigation design basics.Preserving screen real estate on smaller windows.Providing a consistent navigational experience throughout your app.NavigationView is an adaptive navigation control that works well for: Some features of NavigationView, such as top and hierarchical navigation, require Windows 10, version 1809 ( SDK 17763) or later, or the Windows UI Library. Windows UI Library APIs: Microsoft.UI. class ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |