工控视觉项目桌面端WPF源码UI源码已实现前后端MVVM数据绑定。 除了两个柱状图用的第三方开源控件其他都是原生自己写的非常适合初学者熟悉语法、事件、触发器、MVVM 机制、布局容器方便二次开发和修改一、系统概述VisionDispensingUI 是一套基于 WPF 技术构建的工控视觉点胶系统桌面端 UI 解决方案采用 MVVMModel-View-ViewModel架构实现前后端数据绑定整体遵循 .NET Framework 4.5.2 框架开发规范。系统核心聚焦于工业场景下的视觉定位、点胶参数配置、轨迹示教与数据统计等核心业务除柱状图展示模块采用第三方开源控件LiveCharts外其余功能模块均基于原生 WPF 组件开发具备良好的稳定性与扩展性。工控视觉项目桌面端WPF源码UI源码已实现前后端MVVM数据绑定。 除了两个柱状图用的第三方开源控件其他都是原生自己写的非常适合初学者熟悉语法、事件、触发器、MVVM 机制、布局容器方便二次开发和修改系统设计遵循工控软件的专业性与易用性原则界面布局清晰操作流程符合工业用户使用习惯支持多角色权限管理、多场景参数配置与实时数据监控可满足精密制造领域中点胶工艺的全流程数字化管控需求。二、技术架构与核心设计1. 技术栈选型技术类别具体技术/框架应用场景开发框架.NET Framework 4.5.2系统基础运行环境UI 框架WPFWindows Presentation Foundation桌面端界面渲染与交互架构模式MVVM实现视图与业务逻辑解耦支持数据双向绑定数据可视化LiveCharts.Wpf 0.9.6生产数据柱状图展示如产量统计、设备运行时长多线程处理Task 并行库、Thread消息队列处理、后台数据初始化2. 核心架构设计系统采用分层设计思想各层职责明确具体架构如下视图层View包含主窗口、功能面板如主画面、模板学习、轨迹示教与弹窗组件如参数配置窗口、消息提示框负责界面渲染与用户交互接收。视图模型层ViewModel作为视图与模型的中间层封装业务逻辑与数据处理逻辑通过INotifyPropertyChanged接口实现数据变化通知支撑视图数据绑定。模型层Model包含数据实体如点胶参数、轨迹信息、枚举类型如用户角色、系统状态与工具类如消息管理、窗口句柄获取定义系统数据结构与基础工具能力。公共组件层提供通用功能支持如自定义日期选择器、消息队列管理器、命令 RelayCommand 等提升代码复用性。三、核心功能模块详解1. 系统初始化与主窗口管理1.1 初始化流程系统启动时执行以下核心流程环境配置加载通过App.config读取 .NET Framework 版本配置确保运行环境兼容性。主窗口初始化MainWindow.xaml.cs作为入口初始化主视图模型MainVM绑定数据上下文并启动系统初始化窗口Initializing。后台准备初始化期间后台线程完成控件加载、参数预加载与设备连接状态检测如相机、数据库连接初始化完成后显示主界面。1.2 主窗口核心能力窗口交互支持鼠标拖拽移动、双击最大化/还原符合工控软件操作习惯。全局状态展示顶部状态栏实时显示当前用户、产品信息、系统状态如待机、点胶运行与设备连接状态相机、数据库、标定结果。导航与菜单管理左侧菜单栏支持功能模块切换如主画面、模板学习右侧工具栏提供相机参数配置、实时采集等快捷操作。2. 核心业务功能模块2.1 主画面模块MainScreen作为系统核心监控界面聚焦实时数据展示与基础操作控制核心功能包括运行状态监控通过文本框与下拉框实时显示运行模式周期运行/连续运行、系统操作模式手动/CCD空跑/点胶运行、点胶表格执行方式连续/依次。生产数据统计展示周期次数、当前运行次数、胶水报警产量、总产量与运行时间支持实际位置显示切换。消息日志展示通过滚动列表展示设备操作日志如“点胶站1结束采集图像”支持鼠标滚轮滚动查看历史记录。2.2 模板学习模块ModelLearning实现视觉模板的创建、配置与验证为后续定位与点胶提供视觉基础核心功能包括模板配置支持选择模板类型几何匹配/灰度匹配/NCC匹配/检测、模板编号与ROI感兴趣区域类型矩形/圆形/线形/不规则。模板操作提供模板学习、相机标定、ROI显示/清除、模板保存/匹配等功能按钮支持模板参数微调如标定间隔距离。检测工具集成支持选择检测工具Blob分析/卡尺找圆/胶线检测/二维码识别配置检测参数并运行验证结果实时反馈。2.3 轨迹示教模块Teach针对点胶轨迹进行可视化配置支持多种轨迹类型与参数精细化调整核心功能包括轨迹类型选择支持点、直线、圆弧、圆四种轨迹类型用户可根据工艺需求选择并配置对应参数。点胶参数配置可选择点胶参数编号1#-10#、功能类型点胶/测高/光固与偏差参数设置点胶时间、点数、速度比、回吸时间等关键参数。轨迹坐标管理支持起点、中点、终点的X/Y/Z坐标手动输入或自动获取支持实际轨迹显示切换与相邻/多点联动控制。2.4 定位表格模块TableDetection管理点胶轨迹与定位数据支持批量配置与分页查看核心功能包括表格数据管理展示点胶轨迹列表如轨迹编号、类型、使能状态、关联参数支持分页切换与行数设置。MES索引配方管理关联MES系统展示索引配方数据如配方编号、参数值支持与点胶表格联动配置。2.5 数据统计模块Statistics实现生产数据的查询、统计与可视化展示核心功能包括数据筛选支持按时间范围通过自定义日期选择器、产品二维码、MES上传标志筛选生产数据。统计可视化通过柱状图展示多维度数据如不同时间段产量、不同设备运行时长支持数据导出与历史记录查看。时间监控点击“时间监控”按钮弹出TimeMonitor窗口展示关键工序耗时数据辅助优化生产效率。3. 公共组件与工具模块3.1 消息管理MessageManager为避免多线程并发问题采用线程安全的消息队列机制消息队列MessageManager维护消息队列通过lock语句确保多线程下的线程安全支持消息添加AddDocument与获取GetDocument。消息处理ProcessDocuments类启动独立任务循环检测队列当主窗口显示时弹出消息框CustomMessageBox避免阻塞主线程。3.2 自定义日期选择器DateTimePicker针对工控场景下的时间筛选需求提供高精度时间选择功能时间选择支持年月日时分秒精确选择提供“当前时间”与“零点”快捷按钮满足生产数据按时间筛选的需求。交互优化通过弹窗选择时间支持小时、分钟、秒钟的单独选择与确认时间格式统一为“yyyy-MM-dd HH:mm:ss”。3.3 命令与权限管理命令绑定RelayCommand实现ICommand接口将视图操作如下拉框切换、按钮点击与视图模型中的业务逻辑绑定解耦视图与逻辑。角色权限通过RoleEnum定义操作员、工程师、供应商三种角色后续可扩展基于角色的功能权限控制如工程师可修改参数操作员仅查看。4. 弹窗与交互组件系统提供多种弹窗组件满足不同场景下的交互需求核心弹窗包括参数配置弹窗如CameraParam相机参数、DispenseParam点胶参数、Offset偏差参数支持参数输入与保存。消息提示弹窗CustomMessageBox用于系统通知、错误提示CancelMessageBox用于确认操作如取消运动避免误操作。等待弹窗WaittingMessageBox与DownLoadBarForm用于后台任务等待如模板学习、数据加载展示进度与状态提示。四、数据交互与通信1. MVVM 数据绑定系统全面采用 MVVM 架构实现数据双向绑定核心机制包括视图模型基类ViewModelBase实现INotifyPropertyChanged接口通过NotifyPropertyChange方法通知视图数据变化确保界面实时更新。数据流向视图如MainScreen.xaml通过绑定表达式关联视图模型属性如CurrentRunModeInfo用户操作触发命令RelayCommand视图模型处理逻辑后更新属性视图自动同步显示。2. 设备与外部系统交互相机交互通过相机参数配置窗口CameraParam设置相机参数支持实时采集CCDRealTimeButtonClick与图像捕获为模板学习与定位提供图像数据。MES系统集成统计模块支持MES标志筛选与数据上传通过MESModeProcessSfcFeed等枚举定义MES数据交互模式实现与生产执行系统的对接。五、系统特点与优势架构清晰扩展性强MVVM 架构使视图与逻辑解耦新增功能模块如视觉检测时无需大幅修改现有代码。操作友好符合工控场景界面布局简洁操作流程贴合工业用户习惯支持鼠标快捷操作与键盘快捷键。稳定性高多线程处理采用线程安全设计如消息队列lock避免并发问题设备连接状态实时检测异常时及时提示。数据可视化与可追溯通过图表与日志记录实现生产数据可查、可追溯辅助生产优化与问题排查。六、总结与适用场景VisionDispensingUI 作为工控视觉点胶系统的核心交互载体覆盖从视觉模板配置、轨迹示教、实时监控到数据统计的全流程需求适用于精密电子、汽车零部件、医疗器械等领域的自动化点胶生产场景。系统通过模块化设计与标准化接口可灵活适配不同型号的点胶设备与视觉硬件为工业自动化生产提供稳定、高效的UI解决方案。