Avalonia.MAUI Hybrid 之使用 .NET MAUI Essentials 介紹篇 提到的相關部分,如果是沒有接觸過 Avalonia UI 跟 .NET MAUI 一段時間的話,感覺要實際使用會有點難。
雖然 Avalonia.MAUI Hybrid 的 Repo: Avalonia.MAUI Hybrid 中有提供 Sample Code,但不知道為啥直接要使用時搞了一陣子都沒辦法成功。
最後只好自己實際來操作一次,透過 Avalonia UI 所提供的 Visual Studio 2022 所建立的專案範本開始建立起。
看看怎一步一步的完成囉~~~
在 Visual Studio 2022 建立新專案時,選擇 Avalonia Cross Platform Application 這個範本(若未安裝 Avalonia for Visaul Studio 2022 的 Extension 請先安裝):
使用範本的處理大概就都 "下一步" 即可,再 "建立" 前有相關不同的選擇部分再注意一下:
等待 Visaul Studio 把整個解決方案都建立完成後會大概有這樣的結果:
仔細一看,其實建立好的專案概念跟過去的 Xamarin.Forms 的結構很類似,所以如果有一點 Xamarin.Forms 開發經驗的看倌,應該不會對此太陌生。
但如同前篇有說過…目前 Hybrid 處理只支援 iOS/Android 兩大平台,所以把 Browser 跟 Desktop 兩個專案刪除:
再針對整個方案層級進行 Avalonia.Maui 的 Nuget 套件安裝:
與對 Avalonia 的共用專案進行安裝 .NET MAUI Essentials 的 Nuget 套件:
安裝完畢後的整個方案當中各個專案的 Nuget 套件長這樣:
然後,再繼續到 Avalonia 的共用專案當中,手動增加一個名為 MauiApplication 的類別:
public class MauiApplication : Microsoft.Maui.Controls.Application
{ }
而 Android 與 iOS 專案,各別在其 MainActivity.cs 與 AppDelegate.cs 當中的 CustomizeAppBuilder 方法當中加入 MauiApplication 的使用:
.UseMaui<MauiApplication>(this)
到此,整個專案們間 Avalonia.Maui Hybrid 準備大致完成~~~
後續就開始來使用 .NET MAUI Essentials 囉!!
前往 "Avalonia.MAUI Hybrid 之使用 .NET MAUI Essentials 實作篇 - II" 觀看~~~
I'm a Microsoft MVP - Developer Technologies (From 2015 ~).
I focus on the following topics: Xamarin Technology, Azure, Mobile DevOps, and Microsoft EM+S.
If you want to know more about them, welcome to my website:
https://jamestsai.tw
本部落格文章之圖片相關後製處理皆透過 Techsmith 公司 所贊助其授權使用之 "Snagit" 與 "Snagit Editor" 軟體製作。