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

34c7fd5e6d121ee03361ae1b8e07faaa.png

cb429333741ecbc03368689f4234570a.gif

30c62e8edd902c9fc069021fc9360668.png

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


专业级组件库

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

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



截图预览


报表

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

f68314536d4daca645b6be65f75a7a69.png

Visual Studio 2019

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

b2ecab3234a88b235d06a45a5f176b09.png

网易云音乐

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

d0790956a331dcbba3d9de89bb74c046.png

登录

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

626b389ab9c260796b64f50e6269b0e0.png



使用示例


  1. 将资源字典添加到 App.xaml 中

<ResourceDictionary Source="pack://application:,,,/Panuon.WPF.UI;component/Control.xaml" />
  1. 像Material Design那样使用附加属性,尽管这两个库之间没有任何关系

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

74c2d213242f6d651b464aa5319dff5e.png

分享

7a0f2405b475a2d46650e332f378ae8a.png

点收藏 

9adc43c5eceb7d9fc2cf44290f10c35a.png

点点赞

bfe885048941d3139094947dbf3192fd.png

点在看

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值