一款基于 Ant Design 设计语言实现、漂亮的 .NET Avalonia UI 控件库

荡俊屯 · 2025-8-23 13:54:15

前言

今天大姚给大家分享一款基于 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主库，包含了主题系统和 AtomUI OSS 版本所有的控件AtomUI.Controls.DataGrid数据表格控件定义，如果不用可以不引入AtomUI.Generator自定义控件需要的一些源码生成器定义，您如果在自定义控件的时候需要接入 AtomUI 主题系统，需要引入此包AtomUI.IconPkg.Generator如果您需要自定义 Icon 包，需要引入此包快速使用 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>
app.manifest</ApplicationManifest>
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()
.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

项目源码地址

更多项目实用功能和特性欢迎前往项目开源地址查看
来源：豆瓜网用户自行投稿发布，如果侵权，请联系站长删除

账号		自动登录	找回密码
密码			立即注册

一款基于 Ant Design 设计语言实现、漂亮的 .NET Avalonia UI 控件库

相关帖子

浏览过的版块

签约作者

一款基于 Ant Design 设计语言实现、漂亮的 .NET Avalonia UI 控件库

相关帖子

相关推荐

浏览过的版块

签约作者