专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

Panuon - 专业级的开源 WPF UI 组件库

ins518 2025-05-27 14:41:19 技术文章 8 ℃ 0 评论

欢迎来到 Dotnet 工具箱!在这里,你可以发现各种令人惊喜的开源项目!



专业级组件库



Panuon.WPF.UI 是一个开源的 WPF 前端 UI 组件库, 100% 使用C# 开发,专业级且支持自定义,它能让你用最少的代码来实现期望的UI效果。它能帮助你快速完成样式和控件的UI设计,而不必深入了解WPF的 ControlTemplate 、 Storyboard 等知识。

Panuon.WPF.UI 提供了开箱即用的组件库,包括按钮,输入框,轮播,下拉菜单,通知,消息提示等。



截图预览


报表

使用Panuon.WPF.UI,你需要261行代码来实现该页面。

Visual Studio 2019

使用Panuon.WPF.UI,你需要293行代码来实现该页面。

网易云音乐

使用Panuon.WPF.UI,你需要272行代码来实现该页面。

登录


Samples/Views/Examples/SignInView.xaml 使用Panuon.WPF.UI,你需要187行代码来实现该页面。



使用示例




  1. 将资源字典添加到 App.xaml 中
Bash
<ResourceDictionary Source="pack://application:,,,/Panuon.WPF.UI;component/Control.xaml" />
  1. 像Material Design那样使用附加属性,尽管这两个库之间没有任何关系
Bash
xmlns:pu="https://opensource.panuon.com/wpf-ui"...<Button Width="150" Height="35" Background="#6CBCEA" pu:ButtonHelper.CornerRadius="5" pu:ButtonHelper.HoverBackground="#6CA3EA" pu:ButtonHelper.ClickBackground="#83A6D4" />
  1. 又或者,在不影响其他控件的情况下使用样式
<!--不要添加 Control.xaml-->

<ResourceDictionary Source="pack://application:,,,/Panuon.WPF.UI;component/ButtonStyle.xaml" />

<ResourceDictionary Source="pack://application:,,,/Panuon.WPF.UI;component/TextBoxStyle.xaml" />
...
xmlns:pu="https://opensource.panuon.com/wpf-ui"
...

<Button Width="150"
Height="35"
Style="{StaticResource {x:Static pu:StyleKeys.ButtonStyle}}"
Background="#6CBCEA"
pu:ButtonHelper.CornerRadius="5"
pu:ButtonHelper.HoverBackground="#6CA3EA"
pu:ButtonHelper.ClickBackground="#83A6D4" />


开箱即用的组件库,流畅美观的界面,非常棒的项目!



项目地址



https://github.com/Panuon/Panuon.WPF.UI


分享
点收藏

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表