探索Avalonia框架與開(kāi)源控件庫(kù)的魅力

Avalonia是什么？

Avalonia是一個(gè)強(qiáng)大的框架，使開(kāi)發(fā)人員能夠使用.NET創(chuàng)建跨平臺(tái)應(yīng)用程序。它使用自己的渲染引擎繪制UI控件，確保在Windows、macOS、Linux、Android、iOS和WebAssembly等不同平臺(tái)上具有一致的外觀和行為。這意味著開(kāi)發(fā)人員可以共享他們的UI代碼，并在不同的目標(biāo)平臺(tái)上保持統(tǒng)一的外觀和感覺(jué)。

MIT 協(xié)議的寬松與便利

MIT 協(xié)議（The MIT License）是一種簡(jiǎn)潔且寬松的開(kāi)源軟件許可協(xié)議。它允許使用者自由使用、復(fù)制、修改、合并、發(fā)布、分發(fā)、再許可和 / 或銷(xiāo)售軟件副本。使用者在軟件和軟件的所有副本中都必須包含版權(quán)聲明和許可聲明。MIT 協(xié)議對(duì)使用者的限制很少，基本上賦予了使用者極大的自由，適用于各種開(kāi)源項(xiàng)目，鼓勵(lì)代碼的共享和重用，促進(jìn)軟件技術(shù)的快速發(fā)展。

Dotnet和Avalonia都是MIT協(xié)議，相關(guān)的代碼地址是：

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

Semi.Avalonia和Ursa.Avalonia

Semi.Avalonia - 主題風(fēng)格的魅力實(shí)現(xiàn)

Semi.Avalonia，這是以 MIT 協(xié)議開(kāi)源的 Avalonia UI 框架下的 Semi Design 主題風(fēng)格的精妙呈現(xiàn)。它為應(yīng)用程序帶來(lái)獨(dú)特的視覺(jué)風(fēng)格，如同一幅精美的畫(huà)卷，為用戶界面增添了豐富的色彩和質(zhì)感。

其倉(cāng)庫(kù)地址為： https://github.com/irihitech/Semi.Avalonia

Ursa.Avalonia - 自定義控件的創(chuàng)新力量

搭配同樣遵循 MIT 協(xié)議的Ursa.Avalonia自定義控件庫(kù)，更是如虎添翼。它們攜手為開(kāi)發(fā)者締造全新的視覺(jué)與功能體驗(yàn)，仿佛為開(kāi)發(fā)之旅開(kāi)啟了一扇通往無(wú)限可能的大門(mén)。

倉(cāng)庫(kù)地址： https://github.com/irihitech/Ursa.Avalonia

在信創(chuàng)及國(guó)產(chǎn)操作系統(tǒng)領(lǐng)域表現(xiàn)

值得一提的是，這兩個(gè)庫(kù)在信創(chuàng)及國(guó)產(chǎn)操作系統(tǒng)領(lǐng)域表現(xiàn)出色，已完成與龍芯 3A6000 和龍架構(gòu)（LoongArch?）的兼容互認(rèn)證，這是自主可控和國(guó)產(chǎn)化技術(shù)推進(jìn)的重要成果。

控件部分截圖

控件雖各有特色，但都展現(xiàn)出獨(dú)特的魅力。簡(jiǎn)單截取幾張圖，讓您一窺其貌：

Semi.Avalonia主題庫(kù)一覽：

Ursa.Avalonia自定義控件庫(kù)一覽：

實(shí)際案例分享

站長(zhǎng)公司項(xiàng)目使用了該控件，雖不便截圖展示，但可參考站長(zhǎng)使用 Avalonia UI 搭配該主題及控件庫(kù)編寫(xiě)的工具CodeWF.Toolbox：

倉(cāng)庫(kù)： https://github.com/dotnet9/CodeWF.Toolbox

該小工具使用Avalonia+Prism 8模塊化開(kāi)發(fā)，AOT 發(fā)布后的文件組織結(jié)構(gòu)：

其具備黑白主題，營(yíng)造出不同的視覺(jué)氛圍：

還實(shí)現(xiàn)了國(guó)際化功能，為全球用戶提供便捷體驗(yàn)：

同時(shí)，包含實(shí)用的 Json 美化工具和 YAML 轉(zhuǎn) Json 工具，分別如下圖所示：

Json 美化工具

YAML轉(zhuǎn)Json工具

使用經(jīng)驗(yàn)分享

1. 官方文檔

• Semi文檔： https://docs.irihi.tech/semi
• Ursa文檔： https://docs.irihi.tech/ursa/

1. 源碼閱讀

首先，克隆控件倉(cāng)庫(kù)（上面給出了地址），依據(jù) Readme 及 Demo 運(yùn)行效果進(jìn)行查找。例如，若覺(jué)得 Button 的 Warning 效果出色：

可使用 VS Code 或 VS 打開(kāi)倉(cāng)庫(kù)：

1. 展開(kāi)Semi.Avalonia.Demo
2. 找到Pages目錄，打開(kāi)ButtonDemo.axaml
3. 根據(jù)界面關(guān)鍵字Solid、Waring找到需要的樣式

如此，便能輕松駕馭這些優(yōu)秀的控件，為開(kāi)發(fā)工作增添效率與魅力。希望本文能為您在 Avalonia 開(kāi)源控件庫(kù)的探索之旅中提供有益的指引和啟發(fā)，讓您在開(kāi)發(fā)道路上創(chuàng)造出更加精彩的應(yīng)用程序。

• 王者榮耀韓信技巧攻略指南（掌握關(guān)鍵裝備，成為無(wú)敵韓信！）
• 《明日之后》秋日森林寶箱位置探索攻略技巧大全（揭秘寶箱位置，輕松獲得珍貴道具）
• 姜子牙打野技能加點(diǎn)攻略與技巧大全（王者榮耀姜子牙打野出裝及技能加點(diǎn)詳解）
• 《一起來(lái)捉妖春節(jié)活動(dòng)技巧攻略指南》（尾火虎打法技巧詳解，助你順利抓妖）
• 《地下城堡2》怪盜人物劇情簡(jiǎn)介：（潛行者怪盜的秘密行動(dòng)）