Avalonia.MAUI Hybrid 之使用 .NET MAUI Essentials 實作篇 - I

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 ~).
 

MVP_Logo



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" 軟體製作。