探索Avalonia UI:原生控件库的开源魅力

发表时间: 2024-11-29 08:36

前言

今天给大家分享一款开源、免费、美观的 Avalonia UI 原生控件库:Semi Avalonia。

Avalonia项目介绍

Avalonia是一个强大的框架,使开发人员能够使用.NET创建跨平台应用程序。它使用自己的渲染引擎绘制UI控件,确保在WindowsmacOSLinuxAndroid、iOS和WebAssembly等不同平台上具有一致的外观和行为。这意味着开发人员可以共享他们的UI代码,并在不同的目标平台上保持统一的外观和感觉。

  • 详细介绍:https://mp.weixin.qq.com/s/_JE8G68qdSuxv-dKRRymyQ

Semi Avalonia介绍

Semi Avalonia是一款开源、免费、独立的 Avalonia UI 原生控件主题库,能够帮助你的 Avalonia UI 应用快速呈现简洁、灵活、现代的视觉风格。

Semi Avalonia 的设计灵感来源于抖音前端团队、MED产品设计团队设计开发维护的 Semi Design。Semi Avalonia 旨在将这个全面、易用、优质的解决方案与 Avalonia UI 的优秀性能及架构结合,帮助用户快速打造兼具性能与美观的现代桌面应用,实现生产力的美学进化。

项目源代码

安装使用

安装NuGet包

搜索:Semi Avalonia包进行安装:

引用 Semi Avalonia 的样式文件

NuGet包安装后需要在 Application.axaml 中引用 Semi Avalonia 的样式文件

<Application    x:Class="Semi.Avalonia.Demo.App"    xmlns="https://github.com/avaloniaui"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:semi="https://irihi.tech/semi">    <Application.Styles>        <semi:SemiTheme/>    </Application.Styles></Application>

其他控件兼容方案

ColorPicker, DataGrid 和 TreeDataGrid 由单独的NuGet包分发,如果需要可按需安装:

dotnet add package Semi.Avalonia.ColorPickerdotnet add package Semi.Avalonia.DataGriddotnet add package Semi.Avalonia.TreeDataGrid

样式文件:

<Application.Styles>    <StyleInclude Source="avares://Semi.Avalonia.ColorPicker/Index.axaml" />    <StyleInclude Source="avares://Semi.Avalonia.DataGrid/Index.axaml" />    <StyleInclude Source="avares://Semi.Avalonia.TreeDataGrid/Index.axaml" /></Application.Styles>

控件库效果展示

项目源码地址

更多项目实用功能和特性欢迎前往项目开源地址查看,别忘了给项目一个Star支持。

  • 开源地址:https://github.com/irihitech/Semi.Avalonia
  • 在线文档:https://irihitech.github.io/Semi.Avalonia


欢迎点赞+转发+关注!大家的支持是我分享最大的动力!!!