IT资讯 .NET MAUI 候选版本 3 已发布

manuel · 2022-05-12 10:30:07 · 热度: 5

NET MAUI (多平台应用程序 UI)候选版本 3 已发布!其中包含一批新的改进,比如使用 shell 控件实现导航。

与以前的候选版本一样,RC3 包含在“上线”支持政策中,这意味着微软为开发者的生产级应用程序提供  .NET MAUI支持。

导航优化:shell 控件

.NET MAUI 提供了两种在应用程序中实现导航的主要方法。其中,简单但功能强大的选项是在 Shell中运行应用程序,Shell是一个 UI 控件,用于托管应用程序页面并提供弹出菜单和选项卡菜单,且提供针对桌面和移动双模式优化的详细信息。

第二种选择是直接使用基本导航页面控件:FlyoutPage、TabbedPage 和 NavigationPage。两种方法的属性对比:

.NET MAUI 候选版本 3 已发布

模板项目包括一个带有单个页面的“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>

.NET MAUI 候选版本 3 已发布

ShellContent能够描述用于导航的 URI 路由,并使用数据模板,以便按需加载页面以保持启动性能。比如可以将ShellContent导航别名包装起来,以清楚地指示 Shell 如何呈现 UI。

<FlyoutItem Title="Home" FlyoutIcon="home.png">
    <ShellContent ...>
</FlyoutItem>

<FlyoutItem Title="Items" FlyoutIcon="store.png">
    <ShellContent ...>
</FlyoutItem>

Shell 支持浮出控件的许多自定义,包括设置背景样式、覆盖内容的背景、模板页眉、页脚、整个内容或仅菜单项。还可以设置弹出按钮的宽度,并使其保持打开或完全隐藏。以下是一些不同设计的示例:

.NET MAUI 候选版本 3 已发布

有关使用 Shell 导航的更多信息,请查看Shell 文档。 

有关 .NET MAUI 候选版本 3 的更多内容,请查看官方博客

猜你喜欢:
暂无回复。
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册