上位机界面，终于做好看了。

PLC技术网抖音群

15个串口工具，终于有人整理到一起了。

做上位机，新项目是不是每次都得从头开始搭建界面。

做一个设备监控界面，只用到了按钮、表格、图表等控件，但是调试了好久才正常显示。

客户想要现代化、易用的界面，还希望颜色和样式都能自定义。

但是如果要真的去改的话，只改一下UI细节就足以折腾一天了。

最近刷到一个开源项目，感觉挺好的。

它叫 WPFUIDemo，一个专做 WPF 界面示例的开源项目。

以前在做WPF项目的时候,控件怎么用要自己去摸索，样式和数据绑定也要自己试验。

WPFUIDemo不一样——直接给你现成的界面案例，修改一下就可以用到工控项目中去。

把工控上位机常用到的界面需求都做好了。

下面我们详细拆解一下这个项目。

提供了完整的 UI 控件示例。

项目中包含有按钮、表格、图表、输入框等常用控件的实际应用示例。

每个控件都有对应的代码实现，可以被直接复制到你的项目中使用。

比如在工业控制中用到的设备启动按钮，样式和绑定都可以直接参照：

以前要自己写样式、调颜色、测绑定等等，现在只要跟着示例改一下就可以了。

控件样式使用了现代设计风格，扁平化按钮、清楚明了的表格边框等等看起来很舒服。

上位机典型布局方案。

项目界面布局是按照工控场景来进行设计的，监控区、数据区、操作区、状态区等划分得非常清楚。

在做PLC监控和设备调试的上位机的时候，这样的布局可以直接使用，不需要重新设计界面结构。

只需要改动标题以及数据绑定的部分就可以，不用自己去研究界面框架。

布局是工控界面开发的基础，好的布局可以让人一目了然地看到设备的状态。

该项目对监控区、数据区和操作区进行了合理的划分，并且界面层次分明、操作流程清楚。

包含了 MVVM 模式的实现示例。

WPF 开发中最大的难题就是数据绑定和 MVVM 模式。

这个项目给你展示了标准的实现方式，照着写就对了。

数据列表绑定的例子：

public ObservableCollection<devicedata> DeviceList { get; set; }

界面更新会自动同步，不需要手动刷新，代码量减少了一半。

这个项目的示例代码清晰，数据绑定、命令绑定都给你展示好了，照着写就对了。

自带现代感的UI样式以及配色。

传统的工业控制软件界面一直比较陈旧，用户使用体验不好。

该项目直接提供了现代化的样式，深色的主题、扁平化的控件、清晰的表格等一套设计风格可以直接复用。

不用再反复调颜色、字体和间距，引用样式资源就能快速做出更美观的工业界面。

各种工业控制场景下的界面示例。

项目中除了有控件示例之外，还提供了完整的工控界面案例。

设备监控界面、数据采集上位机、PLC 通讯调试工具等常见的场景都给出了示例。

做工控开发的工程师可以参考上面的例子来设计界面，不必从头开始。

每个场景的界面都已做好，只须稍作改动即可投入使用。

看到这你想装上试试 ？

你可以直接从 Gitee 克隆项目：

git clone https://gitee.com/zhang-sleepyhead/WPFUIDemo.git

用 Visual Studio 打开项目，直接运行就能看到界面效果。

想要查看某个控件的源码，可以找到它所对应的XAML文件。

感兴趣的朋友可以抓紧试试。

绝了这工具一站式搞定Modbus！

开源地址：https://gitee.com/zhang-sleepyhead/WPFUIDemo

</devicedata>

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！