前言
今天给大家推荐一个能让你用最少的代码来实现期望的UI效果,适用于定制个性化界面的WPF UI组件库:Panuon.WPF.UI。
组件库官方介绍
Panuon.WPF.UI 是一个适用于定制个性化UI界面的组件库。它能帮助你快速完成样式和控件的UI设计,而不必深入了解WPF的 ControlTemplate 、 Storyboard 等知识。
例如,在原生WPF中下,如果你想要修改 Button 按钮 控件的悬浮背景色,你需要修改按钮的 Style 属性,并编写 Trigger 和 Storyboard 来实现悬浮渐变效果。如果你想要更复杂的效果,你可能还需要编写内部的 ControlTemplate 模板。但现在, Panuon.WPF.UI 为你提供了一个更简单的方式。你只需要在 Button 按钮 控件上添加一条 pu:ButtonHelper.HoverBackground="#FF0000" 属性,即可实现背景色悬浮渐变到红色的效果。Panuon.WPF.UI为每一种控件都提供了大量的属性,使你能够方便地修改WPF中没有直接提供,但在UI设计中非常常用的效果,这有助于你快速地完成UI设计(尤其是在你有设计图的情况下)。如果你不清楚如何设计UI界面,你可以前往 UI中国 、 dribbble 等设计网站查看其他设计师的优秀作品。
项目源码
![9917b9c2bcd05c57038d3f67e614bdb7.png](https://i-blog.csdnimg.cn/blog_migrate/cdc8cade9113bcf329b78855f0cf0cce.png)
![c098751bdcd2c85ce1e8cd44012c3382.png](https://i-blog.csdnimg.cn/blog_migrate/96855845f09aa93da4b5211c7bf4a001.png)
![43c8081bb500fb296cedd9edde83116f.png](https://i-blog.csdnimg.cn/blog_migrate/f87c20f71be6aeb8b4efcfa406691579.png)
源码示例项目运行
打开Panuon.WPF.UI-master\Samples
项目:
![f6ff3f417f58e24c323340a0dc9d6683.png](https://i-blog.csdnimg.cn/blog_migrate/5b2126938f7476153ea302eba7d7e1c2.png)
设置Samples
为启动项目:
![9793257916faf3baa5fe94a6ded61551.png](https://i-blog.csdnimg.cn/blog_migrate/ebb2fa478cc16600ff3d830e9dd109d4.png)
项目启动运行:
![f947eeff4c0b0fb9b1731066612f2bc0.png](https://i-blog.csdnimg.cn/blog_migrate/e7b86111835e5bdfc42d10ce5e49a723.png)
项目运行效果
![635de970302943aa852be9f17597cd9e.png](https://i-blog.csdnimg.cn/blog_migrate/adc49e27d698c5a793bd9c7d8058bfb1.png)
![fdeaaa6af1f96bb631424d4dc2eb7723.png](https://i-blog.csdnimg.cn/blog_migrate/60fd371b9632eecfaacace9624417335.png)
![5bc96d40232c68ba978ab66801ad7756.png](https://i-blog.csdnimg.cn/blog_migrate/8539cb1f6924e8cd94f689f302b24703.png)
![8b3a286b6f80e8ffdc4100a7affc6230.png](https://i-blog.csdnimg.cn/blog_migrate/3ad7f6537e7bbcd04907836847d9931d.png)
![23e2849ac6ad359952e3515bb49cc533.png](https://i-blog.csdnimg.cn/blog_migrate/56e58432d9fa53775470023135f68172.png)
![7c2e1d20d3320088e009f5269361eb07.png](https://i-blog.csdnimg.cn/blog_migrate/140495402d81d9b7850b36635a9d0f2d.png)
![6d2155dc8579c2225302b5782b58ef1c.png](https://i-blog.csdnimg.cn/blog_migrate/37eb3f7f5852d57a6d17e8bbb4a783b8.png)
![4fe483d5cd2931bca5c681ae0958c3c1.png](https://i-blog.csdnimg.cn/blog_migrate/6cd41a2a4ab67cd3320736d4c7d15f39.png)
项目源码地址
更多项目实用功能和特性欢迎前往项目开源地址查看👀,别忘了给项目一个Star支持💖。
GitHub开源地址:https://github.com/Panuon/Panuon.WPF.UI
中文Wiki文档:https://github.com/Panuon/Panuon.WPF.UI/wiki/Home-zh-CN
优秀项目和框架精选
该项目已收录到C#/.NET/.NET Core优秀项目和框架精选中,关注优秀项目和框架精选能让你及时了解C#、.NET和.NET Core领域的最新动态和最佳实践,提高开发工作效率和质量。坑已挖,欢迎大家踊跃提交PR推荐或自荐(让优秀的项目和框架不被埋没🤞
)。
https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/DotNetProjectPicks.md