使用 .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 下的切換開關。

將顯示使用開發人員功能對話框。選擇“是”以確認您要啟用開發者模式。

在 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);
}

要應用代碼更改，請在 visual studio 中選擇熱重載按鈕或選擇 alt+f10.