南无飒哆喃 發表於 2019-12-4 08:22:00

《Dotnet9》系列-开源C# WPF控件库2《Panuon.UI.Silver》强力推荐

<div class="entry-excerpt">
<p>国内优秀的WPF开源控件库,Panuon.UI的优化版本。一个漂亮的、使用样式与附加属性的WPF UI控件库,值得向大家推荐使用与学习。</p>
</div>
<div class="entry-content clearfix">
<p>今天站长(Dotnet9,站长网址:https://dotnet9.com, 微信公众号:dotnet9_com)推荐另一款开源的WPF控件库(PanuonUI.Silver,github链接:&nbsp;https://github.com/Panuon/PanuonUI.Silver&nbsp;),一个 年轻有为的国内小伙做的,非常优秀哦,值得向大家推荐。</p>
<p>本文介绍分两部分:第一部分,先介绍此控件库Case案例&nbsp;Morin 魔音&nbsp;,通过此案例,大家对此控件应该有个更深刻的印象;第二部分,详细介绍此控件库的特色控件,方便大家学习使用。</p>
<p>文中使用录制的gif展示相关界面,更形象的将此控件库、案例展示给大家,希望大家能够接受。</p>
<p>本文导航目录:</p>
<p>一、Case案例: Morin 魔音</p>
<ul>
<li>1.1 Morin 魔音 关于页面</li>
<li>1.2 Morin 魔音 默认页面</li>
<li>1.3 Morin 魔音 歌曲搜索</li>
<li>1.4 Morin 魔音 MV播放页面</li>
</ul>
<p>二、Panuon.UI.Silver特色控件介绍</p>
<ul>
<li>2.1 控件库概览</li>
<li>2.2 按钮(Button)</li>
<li>2.3 密码框(PasswordBox)</li>
<li>2.4 复选框(CheckBox)</li>
<li>2.5 下拉框(ComboBox)及多选下拉框(MultiComboBox)</li>
<li>2.6 进度条(ProgressBar)</li>
<li>2.7 滑块(Slider)</li>
<li>2.8 分组框(GroupBox)</li>
<li>2.9 TabControl</li>
<li>2.10 Expander</li>
<li>2.11 上下文菜单(ContextMenu)</li>
<li>2.12 树状视图(TreeView)</li>
<li>2.13 表格控件(DataGrid)</li>
<li>2.14 分页控件(Pagination)</li>
<li>2.15 等待提示框(PendingBox)</li>
<li>2.16 提示框(MessageBox)</li>
<li>2.17 升级版气泡提示框(Notice)</li>
<li>2.18 动画帮助类(AnimationHelper)</li>
<li>2.19 轮播(Carousel)</li>
<li>2.20 自定义窗体(WindowsX)</li>
</ul>
<p>三、写在最后的话</p>
<h2>一、Case案例: Morin 魔音</h2>
<p>说一千道一万,先展示该控件库的Case案例:Morin 魔音。一款非常不错的音乐播放软件,C# WPF做的哦,网址:&nbsp;http://www.huanghunxiao.com/&nbsp;。</p>
<p>下面展示该软件几个特色页面,大家可以通过上面的网址下载使用哦,真的很不错,站长已使用该软件几天,该软件作者(又一个年轻有为的国内IT星星)也在不断的优化更新中,希望大家多多支持。</p>
<h3>1.1 Morin 魔音 关于页面</h3>
<p>魔音Morin v2.3.7.0版,听歌用一个软件就够了,是不是很霸气!</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2303 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/MORIN_26-1024x566.png" data-src="https://dotnet9.com/wp-content/uploads/2019/12/MORIN_26-1024x566.png">Morin 魔音 关于页面</div>
<h3>1.2 Morin 魔音 默认页面</h3>
<p>默认页面展示热门歌曲,图片+文字介绍,方便用户选择、播放,目前歌曲库来自QQ音乐、网易云音乐、酷我音乐、酷狗音乐等。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2304 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/MORIN_22.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/MORIN_22.gif">Morin 魔音 默认页面</div>
<h3>1.3 Morin 魔音 歌曲搜索</h3>
<p>Morin 魔音提供方便的歌曲搜索功能,站长尝试搜索最近比较火的,陈伟霆的《野狼disco》,下面列出了相关的搜索结果,有无损mp3、mp4 MV供播放、下载选择。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2305 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/MORIN_23-1024x562.png" data-src="https://dotnet9.com/wp-content/uploads/2019/12/MORIN_23-1024x562.png">Morin 魔音 歌曲搜索</div>
<h3>1.4 Morin 魔音 MV播放页面</h3>
<p>Morin 魔音 MV播放页面,不错吧。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2293 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/MORIN_24.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/MORIN_24.gif">Morin 魔音 MV播放页面</div>
<h2>二、Panuon.UI.Silver特色控件介绍</h2>
<p>Panuon.UI.Silver控件库的前身是Panuon.UI( 一个好看精致、开源无限制使用的WPF控件库,github链接:&nbsp;https://github.com/Panuon/PanuonUI&nbsp;),作者已停止维护,下图是作者声明:</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2308 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/PanuonUI.png" data-src="https://dotnet9.com/wp-content/uploads/2019/12/PanuonUI.png">Panuon.UI停止维护声明</div>
<p>所以本文主要介绍PanuonUI.Silver控件库,下面截图将近20张,用手机的朋友注意流量哦,希望不会浪费大家的流量,谢谢大家支持开源作者:PanuonUI.Silver。</p>
<h3>2.1 控件库概览</h3>
<p>控件库概览,只展示部分控件,后面将对部分特色控件再详细说明,更多控件还请大家访问&nbsp;PanuonUI.Silver。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2310 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/main_1.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/main_1.gif">控件库概览</div>
<h3>2.2 按钮(Button)</h3>
<p>老生常谈的,首先还是按钮,以动画展示。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2311 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/button_2.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/button_2.gif">按钮(Button)</div>
<h3>2.3 密码框(PasswordBox)</h3>
<p>TextBox与PasswordBox类似,站长就只录制了密码框PasswordBox,支持输入时查看,有常用的图标、水印支持。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2312 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/PasswordBox_3.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/PasswordBox_3.gif">密码框(PasswordBox)</div>
<h3>2.4 复选框(CheckBox)</h3>
<p>复选框CheckBox与RadioBox类似,动图展示比较形象,基础样式中的Switch,应该是大家比较喜欢的样式了,站长项目中也经常用。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2313 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/CheckBox_4.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/CheckBox_4.gif">复选框(CheckBox)</div>
<h3>2.5 下拉框(ComboBox)及多选下拉框(MultiComboBox)</h3>
<p>下拉框ComboBox,支持图标及文本搜索,很是方便。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2314 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/ComboBox_5.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/ComboBox_5.gif">下拉框(ComboBox)</div>
<p>多选下拉框(MultiComboBox),这个在特殊业务场景下是很有用的,值得借鉴使用。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2315 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/MultiComboBox_17.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/MultiComboBox_17.gif">多选下拉框(MultiComboBox)</div>
<h3>2.6 进度条(ProgressBar)</h3>
<p>进度条ProgressBar,提供两种样式,其中Ring样式非常实用,用户体验提升一个档次有木有?</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2316 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/7ProgressBar_6.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/7ProgressBar_6.gif">进度条(ProgressBar)</div>
<h3>2.7 滑块(Slider)</h3>
<p>滑块Slider,看着很爽吧,加上标尺很形象哦。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2317 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/8Slider_9.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/8Slider_9.gif">滑块Slider</div>
<h3>2.8 分组框(GroupBox)</h3>
<p>分组框GroupBox,附加控件常见吧,极大的减少个人封装了。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2318 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/9GroupBox_12.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/9GroupBox_12.gif">分组框GroupBox</div>
<h3>2.9 TabControl</h3>
<p>TabControl,提供三种基础样式选择,设置很灵活。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2319 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/10TabControl_7.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/10TabControl_7.gif">TabControl</div>
<h2>2.10 Expander</h2>
<p>Expander,增加了图标扩展。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2320 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/11Expander_13.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/11Expander_13.gif">Expander</div>
<h3>2.11 上下文菜单(ContextMenu)</h3>
<p>上下文菜单ContextMenu,强大不?原生实现其实也不难,但使用此控件库可以大量缩短开发时间,再费点功夫可以实现360安全卫士的托盘右键菜单样式哦,强大吧?</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2321 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/12ContextMenu_11.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/12ContextMenu_11.gif">上下文菜单ContextMenu</div>
<h3>2.12 树状视图(TreeView)</h3>
<p>树形视图TreeView,开发中也是经常用的一种控件 ,提供4种基础样式,也是非常不错的。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2322 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/13TreeView_8.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/13TreeView_8.gif">树形视图TreeView</div>
<h2>2.13 表格控件(DataGrid)</h2>
<p>表格控件DataGrid,提供了简单的调整功能,一般数据展示也够用了。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2323 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/14DataGrid_10.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/14DataGrid_10.gif">表格控件DataGrid</div>
<h3>2.14 分页控件(Pagination)</h3>
<p>分页控件Pagination,使用表格时常用分页控件,但一般都是自己封装的,此控件封装的比较好,也提供了3种基础样式选择,也是十分够用了。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2324 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/15Pagination_20.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/15Pagination_20.gif">分页控件Pagination</div>
<h3>2.15 等待提示框(PendingBox)</h3>
<p>等待提示框PendingBox,费时操作比较实用,可提供取消操作,使用了遮罩,很酷吧,网页常用这种效果,桌面不常见,站长原来的项目也使用过类似的效果,但必须承认,该控件作者做的更顺畅。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2325 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/16PendingBox_16.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/16PendingBox_16.gif">等待提示框PendingBox</div>
<h3>2.16 提示框(MessageBox)</h3>
<p>提示框(MessageBox),作者提供的选择比较多,有10多种,够用了,常见的Info、Error、Warning等提示都有。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2326 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/17MessageBoxX_15.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/17MessageBoxX_15.gif">提示框(MessageBox)</div>
<h2>2.17 升级版气泡提示框(Notice)</h2>
<p>升级版气泡提示框Notice,放弃使用Windows自带的气泡提示吧,即使是Windows 10自带的右下脚提示框,推荐使用这种方式。该效果在大多数软件中也常见,很流行呀。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2327 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/18Notice_18.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/18Notice_18.gif">升级版气泡提示框Notice</div>
<h3>2.18 动画帮助类(AnimationHelper)</h3>
<p>动画帮助类AnimationHelper,这不应该算是控件,算是扩展控件的帮助类,实用的很哟。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2328 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/19AnimationHelper_21.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/19AnimationHelper_21.gif">动画帮助类AnimationHelper</div>
<h3>2.19 轮播(Carousel)</h3>
<p>轮播Carousel,常见网站首页Header主题介绍这样使用,站长首页也是类似的效果,朋友们可点击查看(网站首页),可用于广告展示,或者数据页面切换,其中的自动播放很有用。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2329 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/20Carousel_19.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/20Carousel_19.gif">轮播Carousel</div>
<h3>2.20 自定义窗体(WindowsX)</h3>
<p>自定义窗体WindowsX,重点的都放在最后啦,哈哈,这个直接把整个软件提升一档有木有?</p>
<p>作者也是十分用心了,提供的样式都很酷,特别是最后一个播放器的界面,是不是和Case案例魔音MORIN很像?</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2330 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/21WindowsX_14.gif" data-src="https://dotnet9.com/wp-content/uploads/2019/12/21WindowsX_14.gif">自定义窗体WindowsX</div>
<h2>三、写在最后的话</h2>
<p>感谢作者提供这么优秀的控件库,站长也提倡开源、支持开源,本站热衷于互联网分享精神,站长也厚着脸皮,推销下自己的网站Dotnet9:https://dotnet9.com。</p>
<p>再次给大家推荐两位作者的项目:</p>
<ul>
<li>国内开源作者的控件库PanuonUI.Silver,采用C# WPF开发,github地址:&nbsp;https://github.com/Panuon/PanuonUI.Silver&nbsp;,Panuon UI&nbsp;QQ交流群:718778191。</li>
<li>PanuonUI.Silver控件库的优秀案例魔音MORIN官网地址:&nbsp;http://www.huanghunxiao.com/&nbsp;,魔音Morin QQ交流群:303537207。</li>
</ul>
<p>再次谢谢两位作者(&nbsp;PanuonUI.Silver&nbsp;,&nbsp;魔音MORIN&nbsp;),希望大家多多支持,前往github、官网下载、加星、使用,多多推广两位年轻有为的IT星星。</p>
<p>忘了说了,&nbsp;PanuonUI.Silver&nbsp;控件库作者在本月底将会出第二版,非常大的改动哦,比如PanuonUI中有的控件,而PanuonUI.Silver中没有的控件,第二版都会增加哦,比如下面的聊天界面,大家期待吗?不管你期不期待,反正我是期待的,哈哈。</p>
<div class="wp-block-image" style="text-align: center"><img class="wp-image-2343 j-lazy lazyload" style="display: block; margin-left: auto; margin-right: auto" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/chat-1024x688.png" data-src="https://dotnet9.com/wp-content/uploads/2019/12/chat-1024x688.png">PanuonUI 中的聊天界面</div>
<div class="wp-block-image" style="text-align: center">&nbsp;</div>
<div class="wp-block-image" style="text-align: left">如果您觉得通过本文有所收获,请大力转发本文(能点赞及推荐那是极好的啦);如果您觉得小编写文不易,欢迎给Dotnet9站点打赏,站长Dotnet9小编在此谢过;如果您喜欢小编写作风格, 亦欢迎大家推荐优秀开源WPF控件库给小编,小编在此谢谢大家对dotnet技术的关注和支持 。</div>
<div class="wp-block-image" style="text-align: left">&nbsp;</div>
<p>站长会将优质文章在各大平台同步更新、推送,欢迎大家访问、订阅:</p>
<p>博客园:&nbsp;https://www.cnblogs.com/lsq6/</p>
<p>今日头条:&nbsp;https://www.toutiao.com/c/user/98075192460/#mid=1651788205627396</p>
<p>微信公众号:dotnet9_com</p>
<img class="wp-image-2283 j-lazy lazyload" alt="国内开源C# WPF控件库Panuon.UI.Silver推荐" data-original="https://dotnet9.com/wp-content/uploads/2019/12/WeChat-public-address.jpg" data-src="https://dotnet9.com/wp-content/uploads/2019/12/WeChat-public-address.jpg">
<div class="entry-copyright">
<p>除非注明,文章均由&nbsp;<span style="text-decoration: underline">Dotnet9</span>&nbsp;整理发布,欢迎转载。</p>
<p>转载请注明本文地址:<span style="text-decoration: underline">https://dotnet9.com/?p=2285</span></p>
</div>
</div><br><br>
来源:https://www.cnblogs.com/lsq6/p/11980648.html
頁: [1]
查看完整版本: 《Dotnet9》系列-开源C# WPF控件库2《Panuon.UI.Silver》强力推荐