把 HMI 符号导入 Siemens WinCC Unified
WinCC Unified 偏好可缩放矢量（SVG）素材——在任何尺寸的面板上都能清晰渲染，且内存占用小。符号编辑器导出的是干净的 SVG（无脚本、无外部字体、十六进制颜色字面值），每个社区符号页面也提供同样的 SVG 下载——两者都可以直接放进 TIA Portal 的外部图形库。
操作步骤
将符号导出为 SVG
- 自己画：在符号编辑器中，用形状、ISA 元素和印章组合出设备，然后点
↓ SVG（想把标记代码粘贴到别处就用 Copy SVG）。方形设备用 512 × 512 画布，宽版的电机加标签布局用 256 × 128。 - 复用：从社区电机、阀门、泵或储罐中打开一个符号并点击 Download SVG。CC BY 4.0——在项目文档中注明作者。Open in builder 可以先修改再用。
- 标记和图标：报警优先级标记、状态标记、箭头以及导航 / 系统栏图标同样以 SVG 形式来自图标库。
每个状态需要一个文件。先做好基础符号，Save 为模板，为每个状态更改主体填充色（灰色停止、白色或绿色运行、黄色无反馈、蓝色手动、深灰禁用），为报警变体加盖 P1 / P2 标记，然后分别导出为 {kind}_{state}.svg，例如 motor_3ph_running.svg。主体不要带位号文字；由 Faceplate 添加（第 6 步）。
在编辑器中绘制不需要账户。下载需要：免费账户每月 5 次下载，Starter 50 次，Studio 1,000 次。你自己发布的符号有同样大小的单独额度。
打开你的 TIA Portal 项目
在 Portal view 中切换到 Project view。展开你的 HMI 设备 → HMI graphics → External graphics。
添加外部图形
右键 External graphics → Add new external graphic。浏览到你的 motor/ 文件夹，多选所有 SVG 并点击 Open。每种设备重复一次。
另一种方法：把 SVG 文件直接从文件资源管理器拖到 External graphics 节点上——TIA Portal V18+ 支持批量拖放。
创建用于状态切换的 Graphic List
要按 PLC 值切换图片，建一个 Graphic List（图形列表）：
- HMI 设备 → Lists → Graphic lists → Add new graphic list。以设备种类命名（例如
GL_Motor3ph）。 - 选择 Graphic list type: Value/Range。
- 添加 9 个条目（0..8），各自指向你导入的对应 SVG：0 停止，1 启动中，2 运行，3 无反馈，4 手动，5 禁用，6 运行 + P1，7 运行 + P2，8 故障。
在画面上放置 Graphic IO Field
工具箱 → Elements → Graphic IO Field。拖到画面上。
在巡视窗口中：
- General → Graphic list：选择
GL_Motor3ph。 - General → Process tag：绑定到你的 PLC 状态 INT（每台设备一个字，编码 0-8）。
- General → Mode：Output（只读）。
（可选）封装为自定义 Faceplate
同一种设备数量很多的项目，可以在 WinCC Unified 中创建一个 Faceplate（面板）：
- Library → Add new faceplate。命名为
FP_Motor3ph。 - 在其中放置 Graphic IO Field，绑定到 Faceplate 内部变量
State。 - 添加一个绑定到
Tag的 Text Field，用于显示设备位号（P-101、M-201……）。 - 把 Faceplate 放到画面上；按实例把
State和Tag绑定到实际的 PLC 变量。
推荐的 PLC 编码（S7）
在数据块中为每台设备使用一个 INT 字，编码 0-8：
Comfort Panel 备选方案（经典版 WinCC）
如果目标是运行经典版 WinCC 而非 WinCC Unified 的 Comfort Panel（KP/TP 系列），SVG 不受原生支持。有两个选择：
- 用 PNG 代替 SVG：把同样的符号导出为透明 PNG（编辑器：BG → Transparent，
↓ PNG；社区页面：Download PNG），通过工具箱 → Graphics → Bitmap 导入。同样通过 Graphics List 绑定。PNG 按画布的 2× 或更高渲染，缩小后依然干净。 - SVG 重新栅格化：TIA Portal 会把导入的 SVG 转换为内部矢量；在 Comfort Panel 上以固定 PPI 渲染。请在目标设备上测试——文字可读性与 Unified Panel 不同。
推荐的面板尺寸
| 面板 | 推荐图形尺寸 | 格式 |
|---|---|---|
| MTP1500 / MTP1900 Unified | 320×160 | SVG |
| MTP700 / MTP1000 Unified | 256×128 | SVG |
| TP700 / TP900 Comfort | 192×96 至 256×128 | PNG（透明） |
| TP1500 / TP1900 Comfort | 256×128 至 320×160 | PNG（透明） |
常见问题
- SVG 文字不显示：WinCC Unified 在编译时栅格化 SVG 字体。编辑器导出的文字使用 Inter 字体族，TIA Portal 可能没有——位号文字不要放进 SVG，改为叠加一个 Text Field（第 6 步）。内含字母的仪表圆圈在 256 px 及以上没有问题；请在目标面板上测试。
- Graphic List 条目全部回落到“default”：确保每个值（0-8）都有不同的图形。空条目会回落到条目 0。
- 各状态之间颜色不一致：手动为变体重新上色时，请沿用配色：
#9E9E9E停止、#2E7D32运行、#FBC02D无反馈、#1976D2手动、#616161禁用、#D32F2FP1、#F57C00P2。编辑器的填充色板正是这些值。 - 画面加载慢：有 30 台以上设备的画面，优先使用共享图形列表的 Faceplate，而不是 30 个独立的 Graphic IO Field。
下一步
- 为什么这 9 种状态是正确的编码
- ISA-101 参考——平静配色背后的设计理念
- 需要现成的设备符号？符号库（英文页面）收录了 7000 多个符号（写实、ISA-101 平面和示意三种类型）。按需逐个下载可编辑的 SVG 或 PNG，再按同样的步骤导入。
- 卡在某个 TIA 版本的怪问题上？到论坛提问——WinCC 问题放在厂商工具分类下。
先做符号，再绑定
符号编辑器绘制无需账户。免费账户每月 5 次下载；以 CC BY 4.0 发布你自己的符号，它们另有每月 5 次的单独额度。也可以从其他工程师已经画好的符号开始。