找回密码
 立即注册
首页 业界区 业界 一款基于 Ant Design 设计语言实现、漂亮的 .NET Avalon ...

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

东门芳洲 3 天前
前言

今天大姚给大家分享一款基于 Ant Design 设计语言实现、漂亮的 .NET Avalonia UI 控件库:AtomUI。
AtomUI项目介绍

AtomUI 是一款基于 Ant Design 设计语言实现、漂亮的 .NET Avalonia UI 控件库,致力于将 Ant Design 优秀而高效的设计语言和体验带入 Avalonia/.NET 跨平台桌面软件开发领域。
1.png

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 及其以上
项目源代码

2.png

包名称描述AtomUI主库,包含了主题系统和 AtomUI OSS 版本所有的控件AtomUI.Controls.DataGrid数据表格控件定义,如果不用可以不引入AtomUI.Generator自定义控件需要的一些源码生成器定义,您如果在自定义控件的时候需要接入 AtomUI 主题系统,需要引入此包AtomUI.IconPkg.Generator如果您需要自定义 Icon 包,需要引入此包快速使用 AtomUI 库

类库安装
  1. dotnet add package AtomUI --version 1.0.0-alpha
复制代码
配置项目文件
  1. <Project Sdk="Microsoft.NET.Sdk">
  2.     <PropertyGroup>
  3.         <OutputType>WinExe</OutputType>
  4.         <TargetFramework>net9.0</TargetFramework>
  5.         <Nullable>enable</Nullable>
  6.         <BuiltInComInteropSupport>true</BuiltInComInteropSupport>
  7.         app.manifest</ApplicationManifest>
  8.         true</AvaloniaUseCompiledBindingsByDefault>
  9.     </PropertyGroup>

  10.     <ItemGroup>
  11.         <PackageReference Include="AtomUI" Version="0.0.6-build.4"/>
  12.         <PackageReference Include="Avalonia.Desktop" Version="11.3.2"/>
  13.         <PackageReference Include="Avalonia.Diagnostics" Version="11.3.2">
  14.             <IncludeAssets Condition="'$(Configuration)' != 'Debug'">None</IncludeAssets>
  15.             <PrivateAssets Condition="'$(Configuration)' != 'Debug'">All</PrivateAssets>
  16.         </PackageReference>
  17.     </ItemGroup>
  18. </Project>
复制代码
配置程序入口文件
  1. using Avalonia;
  2. using System;
  3. namespace AtomUIProgressApp;
  4. class Program
  5. {
  6.     [STAThread]
  7.     public static void Main(string[] args) => BuildAvaloniaApp()
  8.         .StartWithClassicDesktopLifetime(args);
  9.     public static AppBuilder BuildAvaloniaApp()
  10.     {
  11.         var builder = AppBuilder.Configure()
  12.             .UsePlatformDetect()
  13.             .WithInterFont()
  14.             .With(new Win32PlatformOptions())
  15.             .LogToTrace();
  16.         var themeBuilder = builder.CreateThemeManagerBuilder();
  17.         themeBuilder.UseCultureInfo(new CultureInfo(LanguageCode.en_US));
  18.         themeBuilder.UseTheme(ThemeManager.DEFAULT_THEME_ID);
  19.         themeBuilder.UseOSSControls();
  20.         return builder.UseAtomUI(themeBuilder);
  21.     }
  22. }
复制代码
控件库效果体验


  • AtomUI Gallery下载地址:https://gitee.com/chinware/atomui/releases
3.png

 
4.png

 
5.png

 
6.png

 
7.png

 
8.png

 
9.png

 
10.png

 
11.png

项目源码地址


更多项目实用功能和特性欢迎前往项目开源地址查看
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册