
Avalonia UI 是什麼?
Avalonia UI 是一個在 .Net Core 的框架,具備跨平臺特性,可以做到一次開發多平台使用,可應用於 Windows、Linux、MacOS、Android、iOS以及WebAssembly。
官方表示即將推出 VisionOS 以及 Samsung 的 Tizen OS 支援,因此投資學習 Avalonia 是一個很好的選擇。
開始前的準備
在開始之前,訪問官方網站是一個不錯的開始,跟隨著線上文件開始學習路徑也是一個啟動學習的最佳方式。
我已經將學習過程中找到的相關資料放在 Avalonia UI 學習筆記(0) 相關資料 ,有興趣的可以訪問觀看。
接下來的各種學習紀錄都圍繞 .Net 8 以及 Visual Studio 2022 的開發架構與環境中。
安裝專案範本
打開命令列視窗或終端機
輸入
dotnet new install Avalonia.Templates

將安裝下列範本套件:
Avalonia.Templates
Avalonia.Templates (版本 11.0.2) 已安裝,將會以 最新版本 取代。
Avalonia.Templates::11.0.2 已成功解除安裝。
警告: NuGet 來源 http://192.168.10.31:5555/v3/index.json 不安全,將不會搜尋。若要包含搜尋的來源,請使用 --force。
成功: Avalonia.Templates::11.0.6 已安裝下列範本:
範本名稱 簡短名稱 語言 標記
----------------------------------- ------------------------- ------- -----------------------------------------
Avalonia .NET App avalonia.app [C#],F# Desktop/Xaml/Avalonia/Windows/Linux/macOS
Avalonia .NET MVVM App avalonia.mvvm [C#],F# Desktop/Xaml/Avalonia/Windows/Linux/macOS
Avalonia Cross Platform Application avalonia.xplat [C#],F# Desktop/Xaml/Avalonia/Web/Mobile
Avalonia Resource Dictionary avalonia.resource Desktop/Xaml/Avalonia/Windows/Linux/macOS
Avalonia Styles avalonia.styles Desktop/Xaml/Avalonia/Windows/Linux/macOS
Avalonia TemplatedControl avalonia.templatedcontrol [C#],F# Desktop/Xaml/Avalonia/Windows/Linux/macOS
Avalonia UserControl avalonia.usercontrol [C#],F# Desktop/Xaml/Avalonia/Windows/Linux/macOS
Avalonia Window avalonia.window [C#],F# Desktop/Xaml/Avalonia/Windows/Linux/macOS
這裡需要注意的是某些範本只對應某些平台,因此開發之前謹慎選擇範本會讓開發效率較為順暢。
avalonia.xplat 是跨平臺的範本
avalonia.mvvm 是最常用的範本,但不支援移動裝置。
安裝擴充套件
下載擴充套件 Avalonia for Visual Studio 2022 並安裝,安裝後,VS就能讀寫 Avalonia 的 XAML。

開始前的準備工作到這裡大概就差不多了,下一篇將開始建立一個Avalonia專案。