3D Color Block | Custom Web Control | WinCC Unified & V8

Custom Web Control

关于 3D Color Block

3D Color Block 是一种 Custom Web Control，用于显示带阴影正面和侧面的块状指示器，从而在 SCADA 和 HMI 屏幕上为操作员提供清晰的三维状态提示。块颜色通过 1 至 7 之间的整数值选择，每个索引对应一种由您定义的颜色。颜色变化采用平滑过渡，因此状态变化一目了然。

主要功能

• 七步颜色选择：colorIndex 属性可选择调色板中的七种颜色之一。超出范围的数值将限制在 1 至 7 范围内。
• 可配置调色板：color1 至 color7 属性定义每个索引对应的块颜色。
• 点击事件不改变颜色：Clicked 事件返回当前颜色索引，因此点击操作可打开详细视图或触发操作员操作，同时块颜色保持不变。
• 平滑颜色过渡：颜色变化以渐进方式呈现动画，而不是突然切换。
• 无障碍标签：ariaLabel 属性提供屏幕阅读器读取的文本。

自定义

通过十项属性调整控件。colorIndex 设置当前颜色，color1 至 color7 定义调色板，ariaLabel 设置无障碍名称，backgroundColor 设置控件背景。setColorIndex 方法允许脚本以编程方式更改块颜色。所有属性均可绑定到 PLC 或 HMI 标签，无需编写代码。

应用场景

• 显示最多七种运行模式的机器或过程状态指示器。
• 可点击的状态块，用于打开详细 faceplate 或操作员页面。
• 操作员面板上的配方或产品类型选择器。

兼容性

适用于 WinCC Unified（TIA Portal） 和 WinCC V8。当属性必须回写到 HMI 标签时，请在 TIA Portal 中清除该标签的 Read only 选项。否则，控件可以读取该标签，但无法向其写入数据。

AI 生成：此 custom web control 使用 AI 生成。部署到生产环境前，请进行全面测试和验证。

⚠️ AI 生成：此 custom web control 使用 AI 技术自动生成，可能包含错误或意外行为。用户负责在生产环境中使用前进行测试和验证。