网站首页 > 技术文章 正文
前言
今天给大家分享一款开源、免费、美观的 Avalonia UI 原生控件库:Semi Avalonia。
Avalonia项目介绍
Avalonia是一个强大的框架,使开发人员能够使用.NET创建跨平台应用程序。它使用自己的渲染引擎绘制UI控件,确保在Windows、macOS、Linux、Android、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.ColorPicker
dotnet add package Semi.Avalonia.DataGrid
dotnet 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
欢迎点赞+转发+关注!大家的支持是我分享最大的动力!!!
猜你喜欢
- 2025-05-27 体验新秩序:前端接入 AI 的七个高效平台
- 2025-05-27 开发新项目看过来,3款基于 Vue 的免费开源 admin 管理后台框架
- 2025-05-27 Vant Weapp - 有赞出品的微信小程序组件库
- 2025-05-27 ArcoDesign,字节跳动开源力作,企业级UI开源库,一个字“牛”!
- 2025-05-27 NutUI - 京东出品的适合快速开发商城类h5、小程序的UI组件库
- 2025-05-27 6个冷门但实用的前端测试及开发相关的chrome浏览器插件
- 2025-05-27 Taro - 京东凹凸实验室出品的小程序多端开发工具,内置 UI 组件库
- 2025-05-27 免费开源 UI 组件库,风格简约,在微信生态开发轻量项目的绝佳选择
- 2025-05-27 国内大厂AI插件评测:根据UI图生成Vue前端代码
- 2025-05-27 Panuon - 专业级的开源 WPF UI 组件库
你 发表评论:
欢迎- 628℃几个Oracle空值处理函数 oracle处理null值的函数
- 621℃Oracle分析函数之Lag和Lead()使用
- 610℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 604℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 602℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 594℃【数据统计分析】详解Oracle分组函数之CUBE
- 584℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 568℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
-
- oracle 19cOCM认证有哪些内容(oracle认证ocm月薪)
- Oracle新出AI课程认证,转型要持续学习
- oracle 表的查询join顺序,可能会影响查询效率
- Oracle DatabaseAmazon Web Services正式可用,Oracle数据库上云更容易了
- Oracle 19.28 RU 升级最佳实践指南
- 汉得信息:发布EBS系统安装启用JWS的高效解决方案
- 如何主导设计一个亿级高并发系统架构-数据存储架构(三)
- Java 后端开发必看!工厂设计模式轻松拿捏
- ORA-00600 「25027」 「x」报错(抱错孩子电视剧 爸爸是武术 另一个爸爸是画家)
- 新项目终于用上了jdk24(jdk新建项目)
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端获取当前时间 (50)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (58)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)