大家好,我是沙漠尽头的狼。
今天介绍一款Layui风格的WPF开源控件库,仓库信息如下:
仓库地址:https://github.com/Layui-WPF-Team/Layui-WPF
仓库截图:
![c2b0c47feac006e28fb4181be3792a48.png](https://img-blog.csdnimg.cn/img_convert/c2b0c47feac006e28fb4181be3792a48.png)
关于Layui请点击此链接[1]了解,本文不做介绍,下面我们从控件源码及已有的控件截图进行欣赏。
控件源码
克隆控件仓库:
git clone https://github.com/Layui-WPF-Team/Layui-WPF.git
使用VS打开,控件解决方案如下:
![199518964a1dc06ae3bb27b84b738713.png](https://img-blog.csdnimg.cn/img_convert/199518964a1dc06ae3bb27b84b738713.png)
看了几个工程目标框架默认是 .NET Framework 4.5.2,兼容大部分平台了,有其他.NET版本需求的可以自己编译尝试。
另解决方案中引用了log4net库做为日志记录组件,Prism做为MVVM框架,解决方案直接编译没有错误:
![62715078c07ba21b26a1a20225648dc6.png](https://img-blog.csdnimg.cn/img_convert/62715078c07ba21b26a1a20225648dc6.png)
将LayuiApp
工程做为启动项目,成功运行,下面对部分控件进行截图预览。
控件效果预览
基本元素
按钮
![3a78c0b7b64e343386c63e4dd2d45005.png](https://img-blog.csdnimg.cn/img_convert/3a78c0b7b64e343386c63e4dd2d45005.png)
表单
![02e760e4e7e5ffa0bc27ff702ec7bf1a.png](https://img-blog.csdnimg.cn/img_convert/02e760e4e7e5ffa0bc27ff702ec7bf1a.png)
选项卡
![118d5ab949fdaa5c2c6feb8c81e34cca.gif](https://img-blog.csdnimg.cn/img_convert/118d5ab949fdaa5c2c6feb8c81e34cca.gif)
进度条
![3e81109aa72a3983229a674c42ea9249.gif](https://img-blog.csdnimg.cn/img_convert/3e81109aa72a3983229a674c42ea9249.gif)
面板
![e738247e1130c3d5b811f59a51a8ab9f.gif](https://img-blog.csdnimg.cn/img_convert/e738247e1130c3d5b811f59a51a8ab9f.gif)
折叠面板
![2b75201648ab43f90820a367ec154c87.gif](https://img-blog.csdnimg.cn/img_convert/2b75201648ab43f90820a367ec154c87.gif)
过渡动画
![67b072af39d070d9fbe126dc57f473fc.gif](https://img-blog.csdnimg.cn/img_convert/67b072af39d070d9fbe126dc57f473fc.gif)
加载动画
![1d30cb660fdd0b929713a79f94134c4a.gif](https://img-blog.csdnimg.cn/img_convert/1d30cb660fdd0b929713a79f94134c4a.gif)
Gif动画
支持网络gif文件和本地gif文件
![8bad8e7047c37e3e112a60a67ec99b13.gif](https://img-blog.csdnimg.cn/img_convert/8bad8e7047c37e3e112a60a67ec99b13.gif)
时间线
![1108d2c6f8a10f1ac2e57eabf0a9dc00.png](https://img-blog.csdnimg.cn/img_convert/1108d2c6f8a10f1ac2e57eabf0a9dc00.png)
辅助线
![bdc726d7932dc0e0546b8c43ab45d696.png](https://img-blog.csdnimg.cn/img_convert/bdc726d7932dc0e0546b8c43ab45d696.png)
组件示例
ToolTip
![ed3f5196f9e4d8394f8522c44e5643db.gif](https://img-blog.csdnimg.cn/img_convert/ed3f5196f9e4d8394f8522c44e5643db.gif)
标记
![66998a0d9fbc457d210b9aa33654bf59.png](https://img-blog.csdnimg.cn/img_convert/66998a0d9fbc457d210b9aa33654bf59.png)
弹出框
![49e67bccf1c486cba602ef3d83aed802.gif](https://img-blog.csdnimg.cn/img_convert/49e67bccf1c486cba602ef3d83aed802.gif)
抽屉
![9f99af2d23e73816c161a5fe3f51a713.gif](https://img-blog.csdnimg.cn/img_convert/9f99af2d23e73816c161a5fe3f51a713.gif)
表格
展示有表头合并效果:
![b9caecfc0b2dd41185c7c2395c4a3487.gif](https://img-blog.csdnimg.cn/img_convert/b9caecfc0b2dd41185c7c2395c4a3487.gif)
键盘
有几种配色风格
![70eb1dc523e6e45ea45d07125c07f9cd.gif](https://img-blog.csdnimg.cn/img_convert/70eb1dc523e6e45ea45d07125c07f9cd.gif)
最后来个控件菜单切换结束控件预览:
![9b7ade90bbb252d8709ec4ec533608cb.gif](https://img-blog.csdnimg.cn/img_convert/9b7ade90bbb252d8709ec4ec533608cb.gif)
结束
最后再给上仓库链接,有兴趣去克隆研究吧,看仓库最后一次提交记录是22小时前,作者(3个参与人员)还在积极的更新迭代中:
Layui-WPF:https://github.com/Layui-WPF-Team/Layui-WPF
参考资料
[1]
链接: https://layuion.com/