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

点在看

ModernUI(http://mui.codeplex.com/)是一个开源WPF界面,利用该界面,我们可以创建很酷的应用程序。下面是ModernUI官方示例,你可以从官方网站直接下载源码运行,如果是.NET 4.0的话,记得要声明“NET4”预编译变量,否则无法编译通过。 这个界面框架是基于ModernUI来实现的,在该文我将分享所有的源码,并详细描述如何基于ModernUI来构造一个非常通用的、插件化的WPF开发框架。下载源码的同志,希望点击一下推荐。 本文将按照以下四点来介绍: (1)ModernUI简介; (2)构建通用界面框架的思路; (3)基于ModernUI和OSGi.NET的插件化界面框架实现原理及源码分析; (4)其它更有趣的东西~~。 要编写这样的WPF界面,我们需要在一个Window上声明菜单和Tab页面,下图是定义菜单的声明。 此外,每一个Tab风格页面,你也需要手动的为菜单创建这样的界面元素。 直接用这样的方式来使用ModernUI,显然不太适合团队协作性的并行开发,因为在一个团队的协作中,不同的人需要完成不同的功能,实现不同页面,每个人都需要来更改主界面。 我非常希望模块化的开发方法,因为这可以尽可能的复用现有资产,使程序员可以聚焦在自己关注的业务逻辑上,不需要关心UI的使用。下面,我将来描述基于ModernUI实现的一个通用界面框架,这个界面框架允许程序员在自己的业务模块中配置需要显示的界面元素。 通用界面框架实现思路: 我希望能够实现这样的通用界面框架: (1)程序员可以直接实现需要展现业务逻辑的界面,不需要关注如何使用ModernUI; (2)程序员可以通过简单的配置就可以将自己实现的业务逻辑页面显示在主界面中; (3)这个界面框架可以完全复用。 当我看到ModernUI这个界面时,我希望将应用程序做成模块化,每一个模块能够: (1)通过以下配置能够直接显示二级菜单。 (2)通过以下配置能够直接显示三级菜单。 这样做的好处是,开发插件的时候可以不需要关心界面框架插件;团队在协作开发应用的时候,可以独立开发并不需要修改主界面;团队成员的插件可以随时集成到这个主界面;当主界面无法满足我们的布局时或者用户需求无法满足时,可以直接替换主界面框架而不需要修改任何插件代码。 最终的效果如下,以下界面的几个菜单及点击菜单显示的内容由DemoPlugin插件、DemoPlugin2插件来提供。当插件框架加载更多插件时,界面上会出现更多的菜单;反之,当插件被卸载或者被停止时,则相应的菜单将消失掉。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值