几十款 WPF 控件 - UI 库,总有一款适合你

独立观察员 2022 年 10 月 16 日

823d425848f276d72db81357e2802297.png

引言

众所周知,使用 WPF 框架能够开发出功能强大、界面美观的桌面端应用。能够达到这个效果,各种 WPF 的控件库、UI 库功不可没。所以,想着能不能收集一下目前市面上存在的库,以便在今后需要使用的时候能够手到擒来。这不收集不知道,一收集吓一跳,竟然收集出了三十多款 UI / 控件 库,接下来就一一分享给大家。

01、HandyControl

7a4f4e5d24feeae7cedcdc5dc36a6f51.png

功能简介:HandyControl 是一套 WPF 控件库,它几乎重写了所有原生样式,同时包含 80 余款自定义控件。

开源情况:开源免费。

源码地址:https://gitee.com/handyorg/HandyControl

克隆地址:https://gitee.com/DLGCY_Clone/HandyControl

文档地址:https://handyorg.github.io/handycontrol/ 

效果演示:https://gitee.com/handyorg/HandyControl#%E6%A6%82%E8%A7%88

91c48b4005f9188d8b4daa68fb928959.png

02、MahApps.Metro

c691de33442c3e4f4211148e43d1c855.png

功能简介:一个 Metro 风格的 WPF UI 库。A framework that allows developers to cobble together a better UI for their own WPF applications with minimal effort.

开源情况:开源免费。

源码地址:https://github.com/MahApps/MahApps.Metro

克隆地址:https://gitee.com/DLGCY_Clone/MahApps.Metro

文档地址:https://mahapps.com/docs/guides/quick-start

效果演示:https://github.com/MahApps/MahApps.Metro#screenshots

3aa4b34f74d757bed95e92f4710be7b2.png

03、Xceed Extended WPF Toolkit™

51d8a333bf1a478464118c4ce0c7fd83.png

功能简介:WPF 中缺失的控件。All the controls missing in WPF. Over 1 million downloads.

开源情况:部分控件开源免费(v4.0.0 版本后的许可证适用于非商业用途),有另外的收费部分。

源码地址:https://github.com/xceedsoftware/wpftoolkit

克隆地址:https://gitee.com/DLGCY_Clone/wpftoolkit

文档地址:https://github.com/xceedsoftware/wpftoolkit/wiki#controls

效果演示:

31d9d373ce415cdf9e28de14edc7ef5c.png

04、Kino.Toolkit.Wpf

功能简介:Kino.Toolkit.Wpf 是一组简单实用的 WPF 控件与工具,用于介绍自定义控件的入门。

开源情况:开源免费。

源码地址:https://github.com/DinoChan/Kino.Toolkit.Wpf

克隆地址:https://gitee.com/DLGCY_Clone/Kino.Toolkit.Wpf

文档地址:https://www.cnblogs.com/dino623/p/WPFCustomControlBlogs.html

效果演示:

292bd30f3e165b5e0e0349e8b38f3509.png

53a806a584e7c0923c06a2048c3dfc65.png

05、WPFUI

功能简介:WPF 样式库。

开源情况:开源免费。

源码地址:https://gitee.com/zwt_obj/WPFUI

克隆地址:https://gitee.com/dlgcy/WPFUI

文档地址:无

效果演示:https://gitee.com/zwt_obj/WPFUI#ui%E5%B1%95%E7%A4%BA

1b782b306f246b82fc07c1702ae64e65.png

06、PP.Wpf

功能简介:PP 为 WPF 做的控件库。

开源情况:开源免费。

源码地址:https://github.com/LowPlayer/PP.Wpf

克隆地址:https://gitee.com/DLGCY_Clone/PP.Wpf

文档地址:https://www.cnblogs.com/pumbaa/p/14298931.html

效果演示:

b5f56e0f5dd60908dabd92c92b4b258e.png

dda40997d2e427e56cedd3fde0253b24.png

ac2043c76809e438c7abb601e65227b7.png

4ca99f0ffddfff3bf8e3d9b6e9bf3b71.png

07、adonis-ui

d4c1db2696fd4f79f8e7db94203bf7b6.png

功能简介:提供经典但增强的窗体视觉效果的 WPF 轻量级 UI 工具库。Lightweight UI toolkit for WPF applications offering classic but enhanced windows visuals.

开源情况:开源免费。

源码地址:https://github.com/benruehl/adonis-ui

克隆地址:https://gitee.com/DLGCY_Clone/adonis-ui

文档地址:https://benruehl.github.io/adonis-ui/docs/getting-started/introduction/ 

效果演示:https://github.com/benruehl/adonis-ui#features

66a55c62baa823ac1d45372a16f557b2.png

61f7c51fbe85fee1ba85cd8cbc432bcf.png

f27f969495bb6ac12bea86b9758d5ecd.png

633aee90327a6428dfe6bab78b0b0fd7.png

75b4fe64647f77b5df42193083637339.png

08、CC.WPFTools

功能简介:WPF 的控件库 包装常用功能及 UI 控件。

开源情况:开源免费。

源码地址:https://gitee.com/chenhome/WPFTOOLS

克隆地址:https://gitee.com/DLGCY_Clone/WPFTOOLS

文档地址:https://www.yuque.com/chch/wpftools

外部关系:参考了 MahApps.Metro 和 Modern UI for WPF (MUI)

效果演示:

f5a30b1065ba5115861662fa4910b958.png

52e6f3b8c3bb47260a87cd16e14df637.png

09、Modern UI for WPF (MUI)

功能简介:Modern UI for WPF。

开源情况:开源免费。

源码地址:https://github.com/firstfloorsoftware/mui (已归档)

克隆地址:https://gitee.com/DLGCY_Clone/mui

文档地址:https://github.com/firstfloorsoftware/mui/wiki/Getting-started

效果演示:

7a2d3c938cf82222c11888b1a87cc9a5.png

9e7027be681c589b213d9f4c7a46bc81.png

182b75119f5d42516fedf42a39b1573b.png

10、CookPopularControl

8f2f47c55bd28b1b216602b938627ed2.png

功能简介:CookPopularControl 是一款流行的 WPF 控件库,提供近 70 多款常用的组件,同时提供一些常用的工具类方法。

开源情况:开源免费。

源码地址:https://gitee.com/cook-csharp/CookPopularControl

克隆地址:https://gitee.com/DLGCY_Clone/CookPopularControl

文档地址:https://gitee.com/cook-csharp/CookPopularControl#welcome-to-cookpopularcontrol

效果演示:https://gitee.com/cook-csharp/CookPopularControl#%E4%BD%BF%E7%94%A8

(Demo 编译不成功,以下图片来自上面的链接)

4797b7ef7ac113f6c661b1a49bd61393.png

2c944eece4d8b2205483682da29a3307.png

c89f9892159cafdb8603e0849342e02e.png

11、PropertyTools

功能简介:一些 WPF 自定义控件:PropertyGrid, DataGrid, 多选 TreeView, ColorPicker 等等。

开源情况:开源免费。

源码地址:https://github.com/PropertyTools/PropertyTools

克隆地址:https://gitee.com/DLGCY_Clone/PropertyTools

文档地址:无。

效果演示:https://github.com/PropertyTools/PropertyTools#propertygrid

(以下为各 Demo 截图,DialogDemos 和 DataGridDemo 未编译成功)

852d05a1210791a79c750f827ed2736f.png

51049f5093490d6b1623936c271cabb6.png

7dc420dc651abb6143750be611b9a786.png

d7c227f02fc82c5396e656466c88d44f.png

b3cd986b3cab37cc9bdcc692f8968811.png

59a79cc3cc089dd45b285d8de2e4a292.png

1fb841e9c19e2caae18acd3037a7a861.png

22d37043fdef5cefdc16f290a9b9ddf3.png

12、MaterialDesignInXamlToolkit

功能简介:Google's Material Design in XAML & WPF, for C# & VB.Net.

开源情况:开源免费。

源码地址:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit

克隆地址:https://gitee.com/DLGCY_Clone/MaterialDesignInXamlToolkit

文档地址:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit//wiki

效果演示:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit#-screenshots

3ae32b65da703f96f7e5b4181453e78d.png

2f2dce764383b3c0729323e04cdeba0d.png

3eae53272aa31069bdd62c568eeabd00.png

d67b1367199dfcedc6cd8f48933104c6.png

d64e058d1514debcf31c3b44e3ee8195.png

dec3bb7228a7427b91c7dc800fe998c7.png

8a3006c1a9d3402f49bf012aa27ae7b5.png

74b0e6eeefe2582da68e7da49d372945.png

20a71dcf94ac673aabd95f4477acdc61.png

44e99e344556d2f7a326a9806e36eaab.png

13、RRQMSkin

功能简介:适用于 WPF (所有框架) 的控件皮肤库,主要含有 Window 窗体,水波纹按钮,仪表盘,扇形进度条等。

开源情况:开源免费。

源码地址:https://gitee.com/RRQM_Home/RRQMSkin

克隆地址:https://gitee.com/DLGCY_Clone/RRQMSkin

文档地址:无。

效果演示:https://blog.csdn.net/qq_40374647/article/details/108284794

ef6b4f491f2870eb639d55961e044ed1.png

14、Layui-WPF

功能简介:这是一个 WPF 版的 Layui 前端 UI 样式库。

开源情况:开源免费。

源码地址:https://github.com/Layui-WPF-Team/Layui-WPF

克隆地址:https://gitee.com/DLGCY_Clone/Layui-WPF

文档地址:无。

效果演示:https://github.com/Layui-WPF-Team/Layui-WPF#layui-wpf

(贴一些与上面链接中不一样的图。另外,上面链接和以下皆没有出现的,有些是还没有实现的)

fa7e8b219e8484c5094b9856a5de7adb.png

465cc8aef77af83a5b40ff404d4527be.png

9af20c633faa1fb5899729ff72e78764.png

fb898786f9b84a3001c0306e7c161532.png

0a39e8eadc77594c5ca5edcbd3ce13c6.png

ff3a46a7c537270630edff75033aeb87.png

1dbe63fc2a7d64acfd0d47324a5d250d.png

bb2cd4521a1bc356e533d631f94dc486.png

d908ecf7defe0896d72c32ac954e606f.png

a039bf52bd3fd8311edad51e04142deb.png

ec29bfd8f3172c661dd9b05c679c265e.png

bcd83dd701392d0ea9cf52aaf46c717a.png

89b97831d746017e87d292e51804112c.png

95ad142011b93b5b39efdab82af030de.png

15、Newbeecoder.UI

功能简介:一个网友自制的 WPF UI 库。

开源情况:收费。

源码地址:无。

克隆地址:无。

文档地址:无。

效果演示:https://blog.csdn.net/liaohaiyin/article/details/124578601

80b9c902611c25514bc64493a093325e.png

cdb35bebff7758f827d449428e232b3e.png

d3be2c4877a9613e7b3cfce806ac2918.png


16、Panuon.WPF.UI

功能简介:一个专业的定制化 UI 引擎。(旧版本名为 Panuon.UI.Silver [Panuon.UI 的优化版本])

开源情况:开源免费。

源码地址:https://github.com/PanuonGroup/Panuon.WPF.UI

克隆地址:https://gitee.com/DLGCY_Clone/Panuon.WPF.UI

文档地址:https://github.com/PanuonGroup/Panuon.WPF.UI/wiki/Home-zh-CN

效果演示:https://github.com/PanuonGroup/Panuon.WPF.UI/blob/master/readme.zh-CN.md#%E7%A4%BA%E4%BE%8B

804297237c28f426790f356805ba3ff4.png

e99e50c7a3ae2f99c289e332dd0ac6b6.png

a3ba3d8549e1c62366699e3025c9d2d3.png

17、Arthas-WPFUI

功能简介:一款 WPF 控件库。

开源情况:开源免费。

源码地址:https://github.com/0x6863/Arthas-WPFUI

克隆地址:https://gitee.com/DLGCY_Clone/Arthas-WPFUI

文档地址:无。

效果演示:https://github.com/0x6863/Arthas-WPFUI#arthas

(以下为 master 分支的 Demo 截图;最新的为 develop 分支,不过删除了好多内容)

188714908bd761dd540ce1b9012399ae.png

c2ccb1bf0a68f27672e05900bf3b09e8.png

32b5b010ef45e5af8597590339a256f3.png

18、AduSkin

11c2bd8edd52c867682dfaaf713c5269.png

功能简介:一款简单漂亮的 WPF UI,融合多个开源框架组件,为个人定制的 UI,可供学者参考和使用。

开源情况:开源免费。

源码地址:https://github.com/aduskin/AduSkin 

克隆地址:https://gitee.com/DLGCY_Clone/AduSkin

文档地址:无。

外部关系:感谢开源框架 HandyControl、Arthas、WPF.UI(ZdfFlatUI)

效果演示:https://github.com/aduskin/AduSkin#%E7%BB%84%E4%BB%B6%E5%B1%95%E7%A4%BA

c578f024942318d21d0f6afe30fc5ec6.png

667a4a7acdb385f473f704218d0f9bde.png

37636c0f7329c7dd74a7bc940ca07e5e.png

0d315dd30e6ec5813f467f4343873464.png

6d1173ecc3df0969f3488641090bc330.png

9972272d97d1ce34ead01bd92c9b4000.png

19343fa2b9b0a6cc3413e1d274cc17c2.png

5b9635cd3a26a787d012df99d2e39900.png

34b942252ad191e5cc850cf2aab8ed43.png

138bfb881bda14e34bdf7530509a3528.png

8114c4229eb1e7f265231bd7770fdf54.png

eca1f1d2a9ecd7a38062c46b1141e033.png

19、HeBianGu/WPF-ControlBase

功能简介:Wpf 封装的自定义控件资源库。

开源情况:开源免费。

源码地址:https://github.com/HeBianGu/WPF-ControlBase

克隆地址:https://gitee.com/DLGCY_Clone/WPF-ControlBase

文档地址:https://github.com/HeBianGu/WPF-ControlBase#%E4%BD%BF%E7%94%A8

效果演示:https://github.com/HeBianGu/WPF-ControlBase#%E6%A1%88%E4%BE%8B

(项目过多,生成不便,以下为前三个 Demo 的截图,其它的参考上面的链接)

d79223778c5e07986ff3ad130682f839.png

20、FruitVentDesign

功能简介:这是一个基于.net core 3.1 写的 WPF UI 控件库。

开源情况:开源免费。

源码地址:https://gitee.com/fruitvent/fruit-vent-design

克隆地址:https://gitee.com/DLGCY_Clone/fruit-vent-design

文档地址:无。

外部关系:有使用  Xceed Extended WPF Toolkit™。

效果演示:https://blog.csdn.net/weixin_39552347/article/details/122855029

(贴些上面链接没有的截图)

815402cb24bb12cf895b957b914a0827.png

146383d48123fe652b6fa5859cec5eaa.png

21、DMSkin

功能简介:DMSkin WPF 样式 UI 框架 | WPF Borderless Window | Custom Controls & Styles | MVVM Support

开源情况:开源免费。

源码地址:https://github.com/944095635/DMSkin 

克隆地址:https://gitee.com/DLGCY_Clone/DMSkin

文档地址:https://github.com/944095635/DMSkin#2%E9%A1%B9%E7%9B%AE%E6%A8%A1%E5%9D%97%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E

外部关系:有使用 AduSkin 。

效果演示:http://www.dmskin.com/ 

(以下截图为 3 个 Demo 的全部内容,其余为空)

212c9ce5d54afc7d1de20ab4b6e5199d.png

4d8e3e4c716a78c89400de21d7e7258d.png

0debde46faf45bcf1df1b82ad710768c.png

22、WPF.UI(ZdfFlatUI)

功能简介:WPF UI 库(ZdfFlatUI)。

开源情况:开源免费。

源码地址:https://github.com/zhidanfeng/WPF.UI 

克隆地址:https://gitee.com/DLGCY_Clone/WPF.UI

文档地址:https://www.cnblogs.com/zhidanfeng/ (作者博客)

效果演示:

0e186b4808a1c0516ef4442db1037e64.png

829c6fb528cf00b7b12e60583156fde5.png

9dc0074af071d1b30205a373111fbb9c.png

c5bc07f254257bed4bb26c0f19bd8a25.png

1dfbebddce224d40485cbceb7b53207c.png

76153e146c1efbe618db07b851d566d7.png

51e2be02b700369e0e833e0ba6f79926.png

361a128f511c1ea53a1f6bc9587db208.png

3a0b9566ee2c9e66764df9ebde04c5ab.png

4857183d2ade57c684985787799e8a59.png

1e2542913c9a7102192d13a8e6d0956c.png

596b9e5965731a65c423b3d77fa361da.png

5125146e0a8158245da44273feaddade.png

fd9d70883444e3276110e6cf29668ce3.png

e0aaccf2e6d8b469b5a556f5aba1b343.png

e00c4a161f019aa95c69af1a09db7243.png

c156dcbff77c40d02fede4a6046df6bc.png

9a09a26188d13e5d6b84818522ce799b.png

bef56ff8d1903ebdee9645aba1a0be42.png

381a9c6942aea80ae0bdfb98302f8ee9.png

f1f0c3f03a716013c612fad8fec155fe.png

91af85e1c8adb55fb428cfa2f502d50e.png

23、ModernWPF

功能简介:现代风格的 WPF 样式和控件。Modern styles and controls for your WPF applications。

开源情况:开源免费。

源码地址:https://github.com/Kinnara/ModernWpf 

克隆地址:https://gitee.com/DLGCY_Clone/ModernWpf

文档地址:https://github.com/Kinnara/ModernWpf#quick-start

效果演示:https://github.com/Kinnara/ModernWpf#screenshots

(未编译成功,效果见上面链接)

c9298aa3de1145a36ee541ae937bcf7f.png

24、Fluent.Ribbon

0fd7547453aec11859cae3c5a9471fc3.png

功能简介:像 Office 一样的 WPF Ribbon 控件。WPF Ribbon control like in Office。

开源情况:开源免费。

源码地址:https://github.com/fluentribbon/Fluent.Ribbon 

克隆地址:https://gitee.com/DLGCY_Clone/Fluent.Ribbon

文档地址:https://fluentribbon.github.io/documentation/ 

效果演示:https://github.com/fluentribbon/Fluent.Ribbon/wiki/Screenshots

题外话:本次测试了大多数项目都是支持多 SDK 的,但是我的电脑并没有安全部的 SDK,玩玩最终就是删除其中某些 SDK 的支持,或者是死活编译不通过。目前为止,只有本项目有以下提示,并且能调出安装界面,提出表扬。

12e3124554c045177b1d6aadb0563b5a.png

不过最终还是没有编译成功。效果看上面的链接吧。

a5525a7b92c9c0d005cda3a299dfcdab.png

25、EASkins

功能简介:.NET WinForm 和 WPF 的 UI 界面库,收集整合多个优秀库及示例。

开源情况:开源免费。

源码地址:https://gitee.com/airscrat/EASkins/tree/EASkins_WPF/ 

克隆地址:https://gitee.com/DLGCY_Clone/EASkins/tree/EASkins_WPF/ 

文档地址:无。

效果演示:https://gitee.com/airscrat/EASkins (见 ReadMe)

8ae6e576e92b711ef287979b938a4446.png

6177d594efcded9283439e55ad43f87d.png

26、Rubyer-WPF

功能简介:一款通用的 WPF 主题控件包。

开源情况:开源免费。

源码地址:https://gitee.com/wuyanxin1028/rubyer-wpf 

克隆地址:https://gitee.com/DLGCY_Clone/rubyer-wpf

文档地址:https://www.cnblogs.com/ensin/p/14309464.html

效果演示:https://gitee.com/wuyanxin1028/rubyer-wpf#demo-%E6%88%AA%E5%9B%BE

(未编译成功,效果见上面链接)

8916570f9ec6c98d805b9efed04efa8a.png

27、wpf.controls

功能简介:一套入门基础 UI 库。

开源情况:开源免费。

源码地址:https://github.com/kwonganding/wpf.controls 

克隆地址:https://gitee.com/DLGCY_Clone/wpf.controls

文档地址:https://www.cnblogs.com/anding/p/5018363.html

效果演示:https://github.com/kwonganding/wpf.controls#%E7%AC%AC%E4%B8%80%E7%89%88%E7%9A%84%E6%95%88%E6%9E%9C%E5%9B%BE

V1:

cd19c18a323868550894013e8d56aa28.png

6bbb138842a5c903d1b576da498ca3fe.png

05ac9f64bed21f964f02fe38d2cc71a3.png

6ed77fc90f7d68575c1816b5591d2d27.png

ba55191be4e287642d51a85553a6deda.png

a0036eb6d549b1180be52c64f54cc2b2.png

77604b01f1cd9e362fa2b672f6352ba7.png

41074a514287e921afed39de30517345.png

28、WPFDevelopers.Minimal

功能简介:WPF 基础控件库。

开源情况:开源免费。

源码地址:https://github.com/WPFDevelopersOrg/WPFDevelopers.Minimal 

克隆地址:https://gitee.com/DLGCY_Clone/WPFDevelopers.Minimal

文档地址:https://github.com/WPFDevelopersOrg/WPFDevelopers.Minimal/blob/main/README-zh.md#%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95

效果演示:https://github.com/WPFDevelopersOrg/WPFDevelopers.Minimal#preview

439f3b0b0fe58541a3bb5939a27f4e6f.png

37667a0ede46547690de17ed4ae6d19f.png

7d9e2ebc6a7be142e9c88e35f65b0f57.png

afa3f534e4575ae723908225cf5928ea.png

8e65872a8071bce0aeeee1e928bba1ae.png

32dde08b07e449a7311cf87d2f0c0bcc.png

29、WPFDevelopers

6afaa8797c190d96fb6fa67d67442089.png

功能简介:WPF 自定义高级控件库。此项目是公众号《WPF 开发者》日常分享 Sample,持续更新中。

开源情况:开源免费。

源码地址:https://github.com/WPFDevelopersOrg/WPFDevelopers 

克隆地址:https://gitee.com/DLGCY_Clone/WPFDevelopers

文档地址:无。

效果演示:https://github.com/WPFDevelopersOrg/WPFDevelopers#windowacrylicblur

1647fc1532c1d03086d1a75cc13456b8.png

e5572e2a5756db761d3498b3d430f59e.png

ce87618c6cdf9f2d343797cd237086fe.png

b6e7a25ad3ce69c8ff54b11e9f0818d8.png

23b443f1eca8f68b724c6dae204b199d.png

1275a7dab8f8e3888b1e5491f8666705.png

b674d5f358c157275f1feb13e630bfc8.png

98、跨平台

98.1、ReactiveUI:https://github.com/reactiveui/ReactiveUI

99、商业组件

99.1、DevExpress WPF UI Library:https://www.devexpress.com/products/net/controls/wpf/ 

99.2、Telerik UI for WPF:https://www.telerik.com/products/wpf/overview.aspx

99.3、Syncfusion WPF controls:https://www.syncfusion.com/wpf-controls (社区版申请:https://www.syncfusion.com/products/communitylicense )

99.4、infragistics Ultimate UI for WPF:https://www.infragistics.com/products/wpf

99.5、ComponentOne Studio WPF:https://www.componentsource.com/product/componentone-studio-wpf

资源

列举了这么多库,也贴了很多链接和图片,其实还是管中窥豹。真正要深入了解,最好还是要下载下源代码进行研究比较。或者,如果只是需要对比以便使用,那么运行起各个库的 Demo 程序即可满足需求。

技术群:添加小编微信并备注进群

小编微信:mm1552923   

公众号:dotNet编程大全    

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐