.NET MAUI 候选版本 3 已发布

科技资讯 投稿 63900 0 评论

shell 控件实现导航。

导航优化:shell 控件

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

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

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

编程笔记 » .NET MAUI 候选版本 3 已发布

赞同 (60) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽