由 HMIx AI 生成器创建
此资源由 ai.hmix.tech 上的 AI 创建。描述您的需求，几分钟内即可免费生成您自己的 HMI 控件。
Custom Web Control
关于 Square Info Card
Square Info Card 是一款高性能的 Custom Web Control,专为现代工业 SCADA 和 HMI 环境而设计。它提供了一个外观精致的 1:1 宽高比数据可视化组件,将高级感十足的深色工业美学与流畅的悬停动画相结合。该控件使工程师能够在 WinCC Unified 和 WinCC V8 仪表板中以紧凑、有序且视觉上引人入胜的格式显示关键过程数据。
主要特性
- 动态数据可视化: 使用 title 和 value 属性实时显示过程信息。
- 工业设计: 采用现代方形布局,带有圆角和平滑过渡,为操作员提供专业的使用体验。
- 交互元素: 包含内置的 OnCardClicked 事件,可触发导航或详细信息弹窗,以及用于编程控制的 updateDisplay 方法。
- 响应式布局: 无论容器如何缩放,都始终保持完美的方形外观,确保仪表板的一致性。
自定义
Square Info Card 提供 8 个可配置属性,以匹配任何企业形象或功能需求。用户可以定义 backgroundColor 和 cardColor 以营造层次感,为顶部高亮条设置特定的 accentColor,并调整 borderRadius 以呈现锐利或柔和的外观。文本样式可通过 titleColor 和 valueColor 完全管理,确保在工业背景上具有出色的可读性。
应用场景
- 机器状态: 显示电机转速、压力读数或温度设定值。
- 生产指标: 显示 OEE 百分比、班次目标或循环时间。
- 报警摘要: 突出显示活动故障数量或系统运行状况指示。
兼容性
该控件完全兼容 WinCC Unified (TIA Portal) 和 WinCC V8。它支持所有属性的直接 tag binding,并针对桌面和触摸屏操作进行了优化。
💡 TIA Portal 提示: 在将 tag 链接到需要从 Custom Web Control 写入的属性时,请务必取消勾选 TIA Portal 中的 "Read only" 选项。否则,CWC 将只能读取 HMI tag,而无法对其进行写入。
⚠️ AI 生成: 此 custom web control 是使用 AI 自动生成的。请在部署到生产环境之前进行测试和验证。
⚠️ AI 生成: 此 custom web control 是使用 AI 技术自动生成的。它可能包含错误或出现意外行为。用户有责任在生产环境中使用之前对其进行测试和验证。