NET MAUI (多平台应用程序 UI)候选版本 3 已发布!其中包含一批新的改进,比如使用 shell 控件实现导航。
与以前的候选版本一样,RC3 包含在“上线”支持政策中,这意味着微软为开发者的生产级应用程序提供 .NET MAUI支持。
导航优化:shell 控件
.NET MAUI 提供了两种在应用程序中实现导航的主要方法。其中,简单但功能强大的选项是在 Shell
中运行应用程序,Shell
是一个 UI 控件,用于托管应用程序页面并提供弹出菜单和选项卡菜单,且提供针对桌面和移动双模式优化的详细信息。
第二种选择是直接使用基本导航页面控件:FlyoutPage、TabbedPage 和 NavigationPage。两种方法的属性对比:
模板项目包括一个带有单个页面的“AppShell.xaml”,并将其分配给 App.MainPage。 要查看浮出控件,只需添加更多页面,并通过更改 Shell.FlyoutBehavior 来启用浮出控件。
<Shell
x:Class="MauiApp2.AppShell"
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:MauiApp2"
Shell.FlyoutBehavior="Flyout">
<ShellContent
Title="Home"
ContentTemplate="{DataTemplate local:MainPage}"
Route="MainPage" />
<ShellContent
Title="Items"
ContentTemplate="{DataTemplate local:ItemsPage}"
Route="ItemsPage" />
</Shell>
ShellContent
能够描述用于导航的 URI 路由,并使用数据模板,以便按需加载页面以保持启动性能。比如可以将ShellContent
导航别名包装起来,以清楚地指示 Shell 如何呈现 UI。
<FlyoutItem Title="Home" FlyoutIcon="home.png">
<ShellContent ...>
</FlyoutItem>
<FlyoutItem Title="Items" FlyoutIcon="store.png">
<ShellContent ...>
</FlyoutItem>
Shell 支持浮出控件的许多自定义,包括设置背景样式、覆盖内容的背景、模板页眉、页脚、整个内容或仅菜单项。还可以设置弹出按钮的宽度,并使其保持打开或完全隐藏。以下是一些不同设计的示例:
有关使用 Shell 导航的更多信息,请查看Shell 文档。
有关 .NET MAUI 候选版本 3 的更多内容,请查看官方博客。
猜你喜欢:暂无回复。