昨天我们已经介绍到如何使用标准化的理念编写一个通用性较强的功能块，那么今天我们将依据昨天示例中的功能块（图一）来编写一个HMI面板。
编写之前我们需要确定我们这面板里面需要包含多少个元素，以 11006.星三角电机我们可以看出，我们所需的元素有一下几点：
已知有六种元素那么我们就可以开始来创建一个 HMI面板（图二）：
1.选择右侧导航器点击库①；
2.展开项目库→展开类型→双击添加类型②；
3.选择面板③；
4.选择 面板/WinCC Runtime Advanced ④；
6.为此面板命名⑤（zuihao是与FB块同名，以方便查找）；
在点击生成后TIA Portal 会进入如下图所示的一个界面（图三），在图中的①处是面板的编辑窗口。
在上图的编辑窗口中我们拖入上述的元素并且将元素按照表格里面的第三栏命名（图四①），然后按照自己的习惯排列这些元素后我们会得到如下图所示的一个窗口（图四）。
完成上述步骤后接下来就是将这些需要控制的点连接到 接口上（仔细观察图四），但是连接变量也是有两种方案，这两种方案我先列出出来，这两种方案的各种特点我将在演示完这两种方案之后给大家阐述。
第一种：直接连接的方式，也就使用上一章节中的 第一种 方式；
首先我们在 接口 中为所需连接的变量添加属性①，做好命名并且指定好数据类型。将②处电机标签中所包含的对象中的文本拖拽至接口中动态属性中的电机名称上。此时我们会发现中间空白部分会生成一条带右箭头的线由①→②处，这就意味着我们已经将此属性关联到接口中。
继续添加下一个动态属性 延时时间
第一步①我们选中延时时间的I/O域，在属性②中的常规栏目中选择变量③，单击变量窗口中的下拉列表，④选择延时时间⑤。
之后我们通过同样的操作将所有的功能都连接至接口里的动态属性，连接完毕后我们将得到这样一个界面（图七）。
所有项都连接完毕后，选中面板（点击面板的空白处）图八①，选择 插件②，此时SiVArc属性中的属性接口会出现四个动态属性，这四个动态属性就是来给我们连接 SiVArc 变量表达式的。
之后我们单击右上角的感叹号（图九）①，选择发行版本②。
第二种方式：在接口中的动态属性中采用UDT （PLC数据类型）。
在HMI面板中使用UDT的话我们首先需要将在项目中的UDT添加到项目库中，也就是将图十中的UDT①拖拽至②处；
然后我们在接口中新建一个动态属性，它名称就叫 11006.星三角电机UDT 他的数据类型则选择我们在项目库中新建好的11006.星三角电机UDT。
我们再将数据如同第一种方式那样关联起来，此时我们会发现图十二①处SiVArc属性中的属性接口只有两个动态属性，其中电机名称是必须另外新建的。
相信通过上述的两种方式的描述大家也能看出这两种方式的，明显的区别，前者更加的适应于SiVArc，因为他的接口变量中所填写的参数均为自动生成的，虽然他比较多，但是并会不加重工作量。而第二种则应用则适用性更强，它不仅能够适用于SiVArc，而且在做非SiVArc项目时也能给我们带来便捷，因为他的接口变量较少，能够减轻一部分的工作量；
至此HMI面板这块的工作也就已经完成
