使用 .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 上旁加載應用程序。

啓用開發者模式

  1. 在 Windows 上,轉到“設置”應用程序。
  2. 在 Windows 11 上的隱私和安全和 Windows 10 上的更新和安全中搜索開發人員設置
  3. 打開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);
}

要應用代碼更改,請在 Visual Studio 中選擇熱重載按鈕或選擇 ALT+F10.

選擇“點擊我”按鈕,看到它增加了 10。

5、配置安卓設備

可以根據自己的開發環境決定部署到多個平臺。剛剛運行並部署到 Windows。現在,讓我們設置一個 Android 設備或模擬器。

  • 安卓 SDK 安裝

從調試下拉菜單中,選擇框架下的 net6.0-android

構建項目需要特定版本的 Android SDK。如果您尚未接受 Android SDK 許可,您將在錯誤列表窗口中看到以下錯誤消息。

雙擊消息以開始許可接受過程。對存在的每個許可證單擊接受,然後將開始自動安裝。

  • 設置安卓模擬器

如果您沒有要部署的 Android 設備,則可以設置 Android 模擬器。如果你已經這樣做了,你可以跳過這一步。

如果這是您第一次構建 .NET MAUI 應用程序,您將在調試菜單中看到“Android Emulator”。單擊它開始創建過程。

這會彈出用戶帳戶控制提示。選擇按鈕,模擬器創建過程將開始。選擇創建按鈕以使用默認設置創建模擬器。

此時,可能會提示您同意 Android 模擬器的許可協議。選擇接受以繼續該過程,下載模擬器圖像並完成模擬器的創建,創建模擬器後,您會看到一個顯示Start的按鈕。點擊它。

您可能會收到啓用 Windows Hypervisor 平臺的提示。按照文檔啓用加速以提高性能(強烈推薦)

Android 模擬器將啓動。等待它完全完成啓動,您將看到它顯示在 Visual Studio 調試菜單中。

您的 Android 模擬器現已創建並可以使用。下次運行 Visual Studio 時,模擬器將直接出現在調試目標窗口中,並在您選擇它時啓動。

  • 設置安卓設備

要使用 Android 設備進行開發,需要啓用 USB 調試。按照設備上的這些步驟將其連接到 Visual Studio。如果您沒有 Android 設備,則可以跳過此部分。

啓用開發者模式

  1. 轉到設置屏幕。
  2. 使用設置屏幕頂部的搜索查找內部版本號,或在關於手機中找到它。
  3. 點擊內部版本號7-10 次,直到“你現在是開發者了!” 彈出。
  4. 單擊創建

檢查 USB 調試狀態

  1. 轉到設置屏幕。
  2. 使用設置屏幕頂部的搜索查找USB 調試,或在開發人員選項中找到它。
  3. 如果尚未啓用USB 調試,請啓用它。

信任裝置

  1. 將您的設備插入計算機。
  2. 系統將提示您允許 USB 調試
  3. 選中始終允許從此計算機
  4. 單擊允許

您的設備現已配置好,並將作爲部署目標顯示在 Visual Studio 中。

  • 在安卓上運行

確保您的設備或仿真器被選爲調試目標。

從菜單中,選擇調試>開始調試(或按F5)。如果禁用此選項,請確保選擇了模擬器或設備。

應用程序將構建、部署到所選的 Android 設備/模擬器並運行。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章