前言

今天大姚給大家分享一款基于 Ant Design 設計語言實現、漂亮的 .NET Avalonia UI 控件庫：AtomUI。

AtomUI項目介紹

AtomUI 是一款基于 Ant Design 設計語言實現、漂亮的 .NET Avalonia UI 控件庫，致力于將 Ant Design 優秀而高效的設計語言和體驗帶入 Avalonia/.NET 跨平臺桌面軟件開發領域。

Avalonia介紹

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

• 詳細介紹：https://mp.weixin.qq.com/s/_JE8G68qdSuxv-dKRRymyQ

運行環境

• .NET 8 及其以上
• Avalonia 11.1.1 及其以上

項目源代碼

快速使用 AtomUI 庫

類庫安裝

dotnet add package AtomUI --version 1.0.0-alpha

配置項目文件

<Project Sdk="Microsoft.NET.Sdk">
    <PropertyGroup>
        <OutputType>WinExe</OutputType>
        <TargetFramework>net9.0</TargetFramework>
        <Nullable>enable</Nullable>
        <BuiltInComInteropSupport>true</BuiltInComInteropSupport>
        <ApplicationManifest>app.manifest</ApplicationManifest>
        <AvaloniaUseCompiledBindingsByDefault>true</AvaloniaUseCompiledBindingsByDefault>
    </PropertyGroup>

    <ItemGroup>
        <PackageReference Include="AtomUI" Version="0.0.6-build.4"/>
        <PackageReference Include="Avalonia.Desktop" Version="11.3.2"/>
        <PackageReference Include="Avalonia.Diagnostics" Version="11.3.2">
            <IncludeAssets Condition="'$(Configuration)' != 'Debug'">None</IncludeAssets>
            <PrivateAssets Condition="'$(Configuration)' != 'Debug'">All</PrivateAssets>
        </PackageReference>
    </ItemGroup>
</Project>

配置程序入口文件

using Avalonia;
using System;
namespace AtomUIProgressApp;
class Program
{
    [STAThread]
    public static void Main(string[] args) => BuildAvaloniaApp()
        .StartWithClassicDesktopLifetime(args);
    public static AppBuilder BuildAvaloniaApp()
    {
        var builder = AppBuilder.Configure<App>()
            .UsePlatformDetect()
            .WithInterFont()
            .With(new Win32PlatformOptions())
            .LogToTrace();
        var themeBuilder = builder.CreateThemeManagerBuilder();
        themeBuilder.UseCultureInfo(new CultureInfo(LanguageCode.en_US));
        themeBuilder.UseTheme(ThemeManager.DEFAULT_THEME_ID);
        themeBuilder.UseOSSControls();
        return builder.UseAtomUI(themeBuilder);
    }
}

控件庫效果體驗

• AtomUI Gallery下載地址：https://gitee.com/chinware/atomui/releases

項目源碼地址

更多項目實用功能和特性歡迎前往項目開源地址查看??，別忘了給項目一個Star支持??。

• Gitee開源地址：https://gitee.com/chinware/atomui

優秀項目和框架精選

該項目已收錄到C#/.NET/.NET Core優秀項目和框架精選中，關注優秀項目和框架精選能讓你及時了解C#、.NET和.NET Core領域的最新動態和最佳實踐，提高開發工作效率和質量。坑已挖，歡迎大家踴躍提交PR推薦或自薦（讓優秀的項目和框架不被埋沒??）。

• GitHub開源地址：https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/DotNetProjectPicks.md
• Gitee開源地址：https://gitee.com/ysgdaydayup/DotNetGuide/blob/main/docs/DotNet/DotNetProjectPicks.md

DotNetGuide技術社區

• DotNetGuide技術社區是一個面向.NET開發者的開源技術社區，旨在為開發者們提供全面的C#/.NET/.NET Core相關學習資料、技術分享和咨詢、項目框架推薦、求職和招聘資訊、以及解決問題的平臺。
• 在DotNetGuide技術社區中，開發者們可以分享自己的技術文章、項目經驗、學習心得、遇到的疑難技術問題以及解決方案，并且還有機會結識志同道合的開發者。
• 我們致力于構建一個積極向上、和諧友善的.NET技術交流平臺。無論您是初學者還是有豐富經驗的開發者，我們都希望能為您提供更多的價值和成長機會。

歡迎加入DotNetGuide技術社區微信交流群??