2
头图

最近,我们发布了 .NET 多平台应用程序 UI (MAUI)的最新进展。在此版本中,我们全力支持 Visual Studio 2022 预览版 2。这也标志着我们首次将 .NET MAUI 作为工作负载安装发布。现在提供了一些新功能,包括手势、模态页面、视图剪辑、本机警告、灵活布局等。随着采用最新版本的Windows App SDK和Visual Studio 插件,单个项目也继续得到改进。让我们更深入地了解一下。

.NET 多平台应用程序 UI (MAUI):

https://github.com/dotnet/maui

工作负载安装

作为 .NET 统一的一部分,我们引入了 SDK 工作负载的概念,以在您安装的 .NET SDK 之上启用特定的开发人员场景。在预览版 4 中,启用了适用于 Android、iOS、macOS 和 Mac Catalyst 的底层 SDK,现在在预览版 6 中,我们引入了 maui、maui-mobile 和 maui-desktop 工作负载。这是第一个将获取并安装构建 .NET MAUI 应用程序所需的所有 SDK。如果您只想定位到移动设备或桌面设备,您可以单独选择它们。

在不久的将来,Visual Studio 2022 将在其安装程序中包含这些。要立即使用它们,请跳转到您最喜欢的 CLI。首先,看看你已经安装了什么:

dotnet sdk check

image.png

这会报告通过 .NET SDK 安装程序本身安装的内容。现在查看运行的额外工作负载:

dotnet workload list

image.png

然后安装 .NET MAUI,您可以执行:

dotnet workload install maui

  • maui-check dotnet 工具怎么样?我们将继续在每个版本中更新 maui-check,因为它会对您的开发环境进行额外验证以帮助您取得成功:检查 OpenJDK、模拟器、Xcode、Visual Studio 版本等。

有关于移动和桌面工作负载的更多信息,请在此处阅读详细信息。

此处阅读详细信息:

https://github.com/dotnet/mau...

新的 .NET MAUI 功能

正如您在我们的状态报告中所看到的,我们的功能越来越完善,快要接近全绿了, 让我们重点介绍一些吧。

手势:

手势识别器允许您将点击、捏合、平移、滑动和拖放应用于任何视图实例。 您可以在 XAML 中轻松应用它们:

<Grid>
    <Grid.GestureRecognizers>
        <TapGestureRecognizer NumberOfTapsRequired="2" Command="{Binding OnTileTapped}" />
    </Grid.GestureRecognizers>
    <!-- Grid content -->
</Grid>


在此示例中,当双击天气小部件图块时,它会模拟具有淡出、淡入动画的刷新。

剪裁:

当您需要屏蔽内容时,您现在可以将形状添加到布局或视图的剪辑区域。 最常见的用途是制作圆形图像。

image.png

![image.png](/img/bVcT3KI)

<Image Source="face.png">
    <Image.Clip>
        <EllipseGeometry RadiusX="80"
                         RadiusY="80"
                         Center="80,80" />
    </Image.Clip>
</Image>

本地警告:

每个平台都有一种自己的方式向用户显示警报。这些可以是简单的信息弹出窗口、简单的输入表单,甚至是具有多个选项的操作表来指导用户。这些可以从 .NET MAUI 应用程序中的任何页面获得。

await DisplayAlert ("Alert", "You have been alerted", "OK");

这些只是预览版 6 中更新的部分控件和布局。有关完整列表,请查看 GitHub 上的提交日志。预览版 7 中将对布局、边框、角和阴影进行一些彻底的更改。

我们的状态报告中:

https://github.com/dotnet/mau...

手势识别器:

https://docs.microsoft.com/zh...

弹出窗口:

https://docs.microsoft.com/zh...

简单的输入表单:

https://docs.microsoft.com/zh...

操作表:

https://docs.microsoft.com/zh...

单个项目和窗口

我们根据开发人员的反馈和 Windows 支持对单个项目进行了一些更新,以采用最新功能。你们中的一些人一直在关注每个版本,我们喜欢它!感谢您提供反馈并在 GitHub 和 Discord 上与我们互动。那么,您需要在现有解决方案中更新预览版 6 中的哪些更改?

  • NuGet 包已替换为.NET MAUI 工作负载(.csproj 中的 <UseMaui>true</UseMaui>)。
  • 单个项目解决方案现在将单个平台嵌套在“平台”文件夹中,以实现整洁的组织。
  • 更新到 Windows 应用 SDK 0.8.1 RC。使用市场上最新的 Visual Studio 2022 兼容扩展。

image.png

.NET MAUI 工作负载:

https://github.com/dotnet/mau...

单个平台嵌套:

https://github.com/dotnet/mau...

最新的 Visual Studio 2022 兼容扩展:

https://marketplace.visualstu...

今天开始

首先,安装 .NET 6 预览版6。现在使用上面的命令添加 maui 工作负载。还要确保您已更新到 Visual Studio 2022 的最新预览版,或者如果您使用的是 macOS,您可以继续使用 CLI 和您最喜欢的代码编辑器,因为我们正在等待 Visual Studio for Mac 2022 的首次亮相。

准备好了吗? 从命令行创建新应用,然后在 Visual Studio 2022 中打开解决方案。

dotnet new maui -n HelloPreview6

  • 在 Visual Studio 2022 的未来版本中,.NET MAUI 模板将出现在“文件”>“新建”列表中。在此之前,CLI 是您的好朋友。

Xcode 13 Beta 1 是 iOS 和 macOS 的新最低要求。有关 .NET MAUI 入门的其他信息,请参阅我们的文档。

文档:

https://docs.microsoft.com/zh...

欢迎反馈

请通过在 GitHub 上的dotnet/maui 与我们互动,让我们了解您使用 .NET MAUI 预览版6 创建新应用程序的体验。

要查看未来版本中的内容,请访问我们的产品路线图。

有任何技术问题,请在Microsoft Q&A论坛上提问。

dotnet/maui:

https://github.com/dotnet/maui

产品路线图:

https://github.com/dotnet/mau...

Microsoft Q&A:

https://docs.microsoft.com/en...


微软技术栈
418 声望994 粉丝

微软技术生态官方平台。予力众生,成就不凡!微软致力于用技术改变世界,助力企业实现数字化转型。