1、IDE下载安装

  • 如果你还没安装Visual Studio 2022 预览版

你可以点击下载

在安装过程中,应选择.NET 跨平台应用程序 UI 开发,如下图所示:

使用 .NET MAUI 创建移动应用——Get Start-LMLPHP

  • 已经拥有 Visual Studio 2022 预览版

如果您已经拥有 Visual Studio 2022 预览版,则可以更新以添加 .NET MAUI 支持。

2、创建应用

  • 打开 Visual Studio 2022 预览版。
  • 选择创建新项目按钮。
  • 项目类型下拉列表中选择MAUI 。
  • 选择.NET MAUI App模板并选择下一步按钮。

使用 .NET MAUI 创建移动应用——Get Start-LMLPHP

  • 输入MyFirstMauiApp作为项目名称并选择Create按钮。

使用 .NET MAUI 创建移动应用——Get Start-LMLPHP

  • 还原 NuGet 包

等待NuGet 自动还原应用程序的依赖项,等到屏幕左下方的状态栏中出现已恢复就绪消息。

使用 .NET MAUI 创建移动应用——Get Start-LMLPHP

3、运行应用

本教程将重点介绍首先将 .NET MAUI 应用程序部署到本地 Windows 计算机。稍后,您可以选择设置 Android 设备或模拟器。

  • 为开发设置 Windows

要开发 Windows 应用程序,您需要启用开发人员模式以在 Windows 11 或 Windows 10 上旁加载应用程序。

启用开发者模式

  1. 在 Windows 上,转到“设置”应用程序。
  2. 在 Windows 11 上的隐私和安全和 Windows 10 上的更新和安全中搜索开发人员设置
  3. 打开Developer Mode下的切换开关。

使用 .NET MAUI 创建移动应用——Get Start-LMLPHP

4.将显示使用开发人员功能对话框。选择“是”以确认您要启用开发者模式。

使用 .NET MAUI 创建移动应用——Get Start-LMLPHP

  • 在 Windows 上运行

现在已准备好运行 .NET MAUI 应用并将其部署到 Windows。在工具栏中,默认将Windows 机器视为调试目标。

使用 .NET MAUI 创建移动应用——Get Start-LMLPHP

选择“调试” > “开始调试F5”(或按)

使用 .NET MAUI 创建移动应用——Get Start-LMLPHP

4、编辑代码

使用 .NET MAUI 开发时,可以在调试时使用 XAML 热重载。这意味着您可以在运行时更改 XAML 用户界面, UI 将自动更新。

解决方案资源管理器中,双击项目MainPage.xaml下的文件MyFirstMauiApp。

目前,Text第一个Label设置为Hello, World!如下代码所示:

<Label
    Text="Hello, World!"
    SemanticProperties.HeadingLevel="Level1"
    FontSize="32"
    HorizontalOptions="Center" >
06-14 13:08