大家好,我是張飛洪,感謝您的閱讀,我會不定期和你分享學習心得,希望我的文章能成爲你成長路上的墊腳石,讓我們一起精進。
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); }
要應用代碼更改,請在 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 設備,則可以跳過此部分。
啓用開發者模式
- 轉到設置屏幕。
- 使用設置屏幕頂部的搜索查找內部版本號,或在關於手機中找到它。
- 點擊內部版本號7-10 次,直到“你現在是開發者了!” 彈出。
- 單擊創建。
檢查 USB 調試狀態
- 轉到設置屏幕。
- 使用設置屏幕頂部的搜索查找USB 調試,或在開發人員選項中找到它。
- 如果尚未啓用USB 調試,請啓用它。
信任裝置
- 將您的設備插入計算機。
- 系統將提示您允許 USB 調試。
- 選中始終允許從此計算機。
- 單擊允許。
您的設備現已配置好,並將作爲部署目標顯示在 Visual Studio 中。
- 在安卓上運行
確保您的設備或仿真器被選爲調試目標。
從菜單中,選擇調試>開始調試(或按F5)。如果禁用此選項,請確保選擇了模擬器或設備。
應用程序將構建、部署到所選的 Android 設備/模擬器並運行。