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

大家好，我是张飞洪，感谢您的阅读，我会不定期和你分享学习心得，希望我的文章能成为你成长路上的垫脚石，让我们一起精进。

1、IDE下载安装

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

你可以点击下载

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

已经拥有 Visual Studio 2022 预览版

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

2、创建应用

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

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

还原 NuGet 包

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

3、运行应用

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

为开发设置 Windows

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

启用开发者模式

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

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

在 Windows 上运行

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

选择“调试” > “开始调试F5”（或按）

4、编辑代码

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

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

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

<Label
    Text="Hello, World!" 
    SemanticProperties.HeadingLevel="Level1"
    FontSize="32"
    HorizontalOptions="Center" >

将文本更新为Hello, .NET MAUI!：

<Label
    Text="Hello, .NET MAUI!" 
    SemanticProperties.HeadingLevel="Level1"
    FontSize="32"
    HorizontalOptions="Center" >

UI 会自动更新:

使用 .NET MAUI 开发时，还可以使用 .NET Hot Reload 重新加载 C# 代码。我们修改程序中的逻辑，将计数增加 10 而不是 1。

打开MainPage.xaml.cs（此文件嵌套在 MainPage.xaml 下，或者您可以右键单击并从菜单中选择查看代码）。

该OnCounterClicked文件上的方法当前具有以下代码：

private void OnCounterClicked(object sender, EventArgs e)
{
    count++;

    if (count == 1)
        CounterBtn.Text = $"Clicked {count} time";
    else
        CounterBtn.Text = $"Clicked {count} times";

    SemanticScreenReader.Announce(CounterBtn.Text);
}

通过将更改为来更新count++;以增加 10 count += 10;

private void OnCounterClicked(object sender, EventArgs e)
{
    count += 10;

    if (count == 1)
        CounterBtn.Text = $"Clicked {count} time";
    else
        CounterBtn.Text = $"Clicked {count} times";

    SemanticScreenReader.Announce(CounterBtn.Text);
}