Avalonia開源控件庫強力推薦-Semi.Avalonia

Avalonia開源控件庫強力推薦-Semi.Avalonia

Semi.Avalonia是以MIT協議開源的Avalonia UI框架下的Semi Design主題風格實現,搭配Ursa.Avalonia自定義控件庫,為開發者帶來全新視覺與功能體驗。

最後更新 2024/10/14 下午11:17
沙漠尽头的狼
預計閱讀 4 分鐘
分類
Avalonia UI
專題
Avalonia UI控件庫
標籤
.NET C# Avalonia UI 控件庫 開源

Avalonia是什麼?

Avalonia 是一個強大的框架,讓開發人員能夠使用 .NET 建立跨平台應用程式。它使用自己的渲染引擎繪製 UI 控制項,確保在 Windows、macOS、Linux、Android、iOS 和 WebAssembly 等不同平台上具有一致的外觀和行為。這意味著開發人員可以共享他們的 UI 程式碼,並在不同的目標平台上保持統一的外觀和感覺。

MIT 協議的寬鬆與便利

MIT 協議(The MIT License)是一種簡潔且寬鬆的開源軟體許可協議。它允許使用者自由使用、複製、修改、合併、發佈、分發、再許可和/或銷售軟體副本。使用者在軟體和軟體的所有副本中都必須包含版權聲明和許可聲明。MIT 協議對使用者的限制很少,基本上賦予了使用者極大的自由,適用於各種開源專案,鼓勵程式碼的共享和重用,促進軟體技術的快速發展。

Dotnet 和 Avalonia 都是 MIT 協議,相關的程式碼位址是:

  • Dotnet:https://github.com/microsoft/dotnet
  • Avalonia:https://github.com/AvaloniaUI/Avalonia

Semi.Avalonia 和 Ursa.Avalonia

(一)Semi.Avalonia - 主題風格的魅力實現

Semi.Avalonia,這是以 MIT 協議開源的 Avalonia UI 框架下的 Semi Design 主題風格的精妙呈現。它為應用程式帶來獨特的視覺風格,如同一幅精美的畫卷,為使用者介面增添了豐富的色彩和質感。

其倉庫位址為:https://github.com/irihitech/Semi.Avalonia

(二)Ursa.Avalonia - 自訂控制項的創新力量

搭配同樣遵循 MIT 協議的 Ursa.Avalonia 自訂控制項庫,更是如虎添翼。它們攜手為開發者締造全新的視覺與功能體驗,彷彿為開發之旅開啟了一扇通往無限可能的大門。

倉庫位址:https://github.com/irihitech/Ursa.Avalonia

在信創及國產作業系統領域表現

值得一提的是,這兩個庫在信創及國產作業系統領域表現出色,已完成與龍芯 3A6000 和龍架構(LoongArch™)的相容互認證,這是自主可控和國產化技術推進的重要成果。

下面資訊引用來自微信公眾號【銥泓科技】8月2號的文章 《Ursa與Semi正式完成龍架構相容互認證》:

大熊 Ursa 和 Semi 兩大 Avalonia 控制項集已經完成與龍芯 3A6000 和龍架構(LoongArch™)的相容互認證。這一重要的里程碑標誌著我們在推進自主可控和國產化技術方面取得了新的進展。

控制項部分截圖

控制項雖各有特色,但都展現出獨特的魅力。簡單截取幾張圖,讓您一窺其貌:

Semi.Avalonia 主題庫一覽:

Semi.Avalonia截圖

Ursa.Avalonia 自訂控制項庫一覽:

Ursa.Avalonia

實際案例分享

站長公司專案使用了該控制項,雖不便截圖展示,但可參考站長使用 Avalonia UI 搭配該主題及控制項庫編寫的工具 CodeWF.Toolbox:

倉庫:https://github.com/dotnet9/CodeWF.Toolbox

該小工具使用 Avalonia+Prism 8 模組化開發,AOT 發佈後的檔案組織結構:

其具備黑白主題,營造出不同的視覺氛圍:

還實現了國際化功能,為全球使用者提供便捷體驗:

國際化

同時,包含實用的 Json 美化工具和 YAML 轉 Json 工具,分別如下圖所示:

Json 美化工具

YAML 轉 Json 工具

使用經驗分享

  1. 官方文件
  • Semi 文件:https://docs.irihi.tech/semi
  • Ursa 文件:https://docs.irihi.tech/ursa/
  1. 原始碼閱讀

首先,複製控制項倉庫(上面給出了位址),依據 Readme 及 Demo 執行效果進行查找。例如,若覺得 Button 的 Warning 效果出色:

可使用 VS Code 或 VS 開啟倉庫:

  1. 展開 Semi.Avalonia.Demo
  2. 找到 Pages 目錄,打開 ButtonDemo.axaml
  3. 根據介面關鍵字 Solid、Warning 找到需要的樣式

如此,便能輕鬆駕馭這些優秀的控制項,為開發工作增添效率與魅力。希望本文能為您在 Avalonia 開源控制項庫的探索之旅中提供有益的指引和啟發,讓您在開發道路上創造出更加精彩的應用程式。

繼續探索

延伸閱讀

更多文章