前言
最近发现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 的样式文件
`<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支持💖。
优秀项目和框架精选
该项目已收录到C#/.NET/.NET Core优秀项目和框架精选中,关注优秀项目和框架精选能让你及时了解C#、.NET和.NET Core领域的最新动态和最佳实践,提高开发工作效率和质量。坑已挖,欢迎大家踊跃提交PR推荐或自荐(让优秀的项目和框架不被埋没🤞)。