使用 .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 將自動更新。

在方案總管中，按兩下專案 MyFirstMauiApp 下的檔案 MainPage.xaml。

目前，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.