博图unified Wincc自定义控件-json自动更新导航栏
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
文章目录
- 前言
- 一、WinCC Unified 控件和元素
- 二、⾃定义 Web 控件
- 我的自定义控件
- 总结
前言
WinCC Unified 提供⾃定义 Web 控件（简称 CWC）选项。这意味着您的可视化不仅限于 WinCC Unified 的标准控件。您可以使⽤ Web 技术创建客⼾特定的控件，或者使⽤现有的控件并将其应⽤于其他 WinCC Unified Runtime 站。
下面展示一下我的工作成果；
一、WinCC Unified 控件和元素
下图显⽰了 WinCC Unified选项中的元素和⾃定义控件（“我的控件”）。“我的控件”里面包含我们自定义 Web 控件。
我使用的博图V18，
二、⾃定义 Web 控件
我的自定义控件
导航栏控件是在bootstrap中下载，自己稍加修改成需要的样子和功能。
重要的是下面，json自动更新导航栏内容和状态，只需要改变json内的数据，就可以实现控件的内容改变；
通过以上的json，我们可以实现：
1.导航栏所有名称的修改；
2.子画面的添加和删除；
3.主标题的显示和隐藏（如果不需要某一个主标题，无需去html删除，只需要在json隐藏就可以）；
4.折叠状态（可以自己选择这个主标题要不要保持展开/保持折叠状态）；
5.禁止折叠;
6.图标修改（主标题前的图标都是通过Lucide官网获取的）；
7.子标题的删除和增加；
总结
以上就是今天展示的内容，由于时间关系，只是大体介绍了这个控件实现的功能；如果需要进一步完善或优化展示内容，或者有其他问题需要解决，随时可以交流哦。