前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >一款开源、免费、美观的 Avalonia UI 原生控件库 - Semi Avalonia

一款开源、免费、美观的 Avalonia UI 原生控件库 - Semi Avalonia

作者头像
追逐时光者
发布2024-11-30 12:45:32
发布2024-11-30 12:45:32
16700
代码可运行
举报
文章被收录于专栏:编程进阶实战编程进阶实战
运行总次数:0
代码可运行

前言

最近发现DotNetGuide技术社区交流群有不少小伙伴在学习Avalonia,今天大姚给大家分享一款开源、免费、美观的 Avalonia UI 原生控件库:Semi Avalonia。

Avalonia项目介绍

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

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 的样式文件

代码语言:javascript
代码运行次数:0
复制
<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包分发,如果需要可按需安装:

代码语言:javascript
代码运行次数:0
复制
dotnet add package Semi.Avalonia.ColorPicker
dotnet add package Semi.Avalonia.DataGrid
dotnet add package Semi.Avalonia.TreeDataGrid

样式文件:

代码语言:javascript
代码运行次数:0
复制
<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支持💖。

优秀项目和框架精选

该项目已收录到C#/.NET/.NET Core优秀项目和框架精选中,关注优秀项目和框架精选能让你及时了解C#、.NET和.NET Core领域的最新动态和最佳实践,提高开发工作效率和质量。坑已挖,欢迎大家踊跃提交PR推荐或自荐(让优秀的项目和框架不被埋没🤞)。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-11-29,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • Avalonia项目介绍
  • Semi Avalonia介绍
  • 项目源代码
  • 安装使用
    • 安装NuGet包
    • 引用 Semi Avalonia 的样式文件
    • 其他控件兼容方案
  • 控件库效果展示
  • 项目源码地址
  • 优秀项目和框架精选
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档