Skip to main content

将可视化元素配置和倍增为模板

也可以通过以下方式创建表格来显示数据数组。您将具有至少一个由结构化变量描述的属性的单个元素相乘。为此，将单个元素配置为“模板”并通过命令相乘。

您可以使用 可视化 → 乘以 Visu 元素 命令以在可视化中显示数组数据。该命令将模板元素相乘以为每个数组组件创建相同类型的元素。可视化中新元素的布局是一维的行或列，或二维的表格。

为此，将适用的元素拖到可视化编辑器中。然后用数组变量配置元素的属性并指定索引访问占位符 $FIRSTDIM$ 作为组件访问。如果你声明了一个多维数组，那么你可以使用第二个索引访问占位符 $SECONDDDIM$ 对于附加维度。像往常一样使用典型值配置其余属性。目的是创建一个有效的模板元素。然后执行 乘以 Visu 元素 模板元素上的命令。现在打开同名对话框。您可以在此处详细定义应创建多少元素以及它们应位于何处。

相乘后，可视化包含与使用占位符索引的相同元素的数量。这样做时，设置 乘以 Visu 元素 对话被考虑在内。使用占位符预设的属性中的所有新元素都已替换为精确的索引。其余属性已被应用和复制而没有更改。

例如，您可以将九个按钮布局为 3x3 表格，它们的大小或颜色都相同，但标签不同。标签被声明为一个字符串数组（九个组件）并作为一个值传递给 文本->文本 财产。

  • 数组变量的声明

    例子： asText: ARRAY[1..3, 1..3] OF STRING;

  • 具有适用元素类型的元素

  • 使用带有索引访问占位符的数组变量配置适用元素的至少一个属性

    例子： 文本, 文本 财产： PLC_PRG.asText[$FIRSTDIM$, $SECONDDIM$]

    这适用于所有允许变量作为值的属性（例如，“动画”或“输入”类别中的属性。要为具有数组和索引访问占位符的元素配置多个属性，所有数组必须具有相同的具有相同维度的结构。声明必须兼容。

  • 使用没有索引访问占位符的常用值配置不变的属性（因此对于所有生成的元素都相同）

    例子：

    sButtonTip : STRING := 'This element is created by multiplication'

    文本, 工具提示 财产： %s

    文本变量, 工具提示变量 财产： sButtonTip

提示

您仍然可以使用占位符 % 像往常一样在属性中的变量值的文本显示 文本.

适用的可视化元素

可以成倍增加的可视化元素：

  • 长方形

  • 圆角矩形

  • 椭圆

  • 线

  • 多边形

  • 折线

  • 贝塞尔曲线

  • 图片

  • 框架

  • 按钮

  • 馅饼

  • 旋转框

  • 文本域

  • 复选框

  • 图像切换器

  • 灯

  • 拨码开关

  • 电源开关

  • 按钮开关

  • 按钮开关 LED

  • 翘板开关

  • 旋转开关

配置和增加灯和按钮作为模板

  1. 创建一个新的标准项目。

    一种 CODESYS Control Win 被配置为设备。这 MainTask 来电 PLC_PRG.实现语言为 ST。

  2. 在 PLC_PRG 在程序代码中，声明具有基本数据类型的数组变量 STRING.

    PROGRAM PLC_PRG
VAR
    axLampIsOn: ARRAY[1..2,1..3] OF BOOL;  // For lamp, property 'variable' and button, user input
    asButtonText: ARRAY[1..2,1..3] OF STRING := // Output text for button, property 'text variables''text variable'
    [
        '1A Lamp', '2A Lamp',
        '1B Lamp', '2B Lamp',
        '1C Lamp', '2C Lamp'
    ];
END_VAR

  3. 在设备树中选择应用程序并单击 添加对象→可视化.

  4. 在里面 添加可视化 对话框，指定名称 VisuMain 并点击 添加 关闭对话框。

  5. 拖动一个 灯 从元素 可视化工具箱 查看可视化。

  6. 配置固定属性值。

    _visu_multiply_task_do_template.png

  7. 双击值字段 多变的 财产。

    行编辑器打开。

  8. 点击 _cds_icon_three_dots.png 象征。

    输入助手打开。

  9. 选择数组变量 PLC_PRG.axLampIsOn 从变量树。

  10. 在末尾扩展字符串，例如使用 "[f”。

    如果您已激活 SmartCoding (选项 对话， 智能编码 类别， 键入时立即列出组件 选项），则当前变量列表与占位符一起出现：

    _visu_multiply_task_insert_place_holder.png

  11. 选择占位符 $FIRSTDIM$ 对于第一个维度并确认选择。

  12. 在末尾扩展字符串，例如使用 ",s”。

    变量列表再次出现。

  13. 选择占位符 $SECONDDIM$ 对于第二个维度并确认选择。

  14. 用右括号完成字符串。

    PLC_PRG.axLampIsOn[$FIRSTDIM$, $SECONDDIM$]

    灯被配置为模板。

  15. 点击 可视化 → 乘以 Visu 元素.

    这 乘以 Visu 元素 对话框打开。默认值派生自数组声明。

    元素总数, 水平的 = 2

    元素总数, 垂直的 = 3

  16. 声明新元素之间的距离。

    元素之间的偏移, 水平的 = 3

    元素之间的偏移, 垂直的 = 3

  17. 检查高级设置。

  18. 点击 好的 确认设置。

    新元素出现在可视化编辑器中。所有属性都配置了精确的索引，并且数组变量被索引。

  19. 在里面 可视化工具箱， 在里面 常用控件 类别，拖动 按钮 元素到可视化编辑器。

    这 特性 元素视图打开。

  20. 配置固定属性值。

    _visu_multiply_task_do_template_button.png

  21. 配置值 文本变量->文本变量 财产。

    PLC_PRG.asButtonText[$FIRSTDIM$, $SECONDDIM$]

  22. 配置值 输入配置->切换->多变的 财产。

    PLC_PRG.axLampIsOn[$FIRSTDIM$, $SECONDDIM$]

    该按钮被配置为模板。

  23. 点击 可视化 → 乘以 Visu 元素.

    这 乘以 Visu 元素 对话框打开。默认值派生自数组声明。

    元素总数, 水平的 = 2

    元素总数, 垂直的 = 3

  24. 声明新元素之间的距离。

    元素之间的偏移, 水平的 = 3

    元素之间的偏移, 垂直的 = 3

  25. 检查高级设置。

  26. 点击 好的 确认设置。

    新元素出现在可视化编辑器中。所有属性都配置了精确的索引，并且数组变量被索引。

    _visu_multiply_task_created_elements.png

  27. 构建、启动和下载应用程序。

    运行时的可视化：

    _visu_multiply_task_in_runtime.png

二维以上的数组变量

您还可以使用具有两个以上维度的数组变量配置模板元素，但您最多只能将占位符分配给两个维度。在附加维度中，索引是固定的。

例 13. 例子

宣言

PROGRAM PLC_PRG
VAR
    asText: ARRAY[1..2, 1..3, 1..6, 1..2] OF STRING;
END_VAR

配置 文本变量, 工具提示变量 模板元素的属性：

PLC_PRG.asText[2, $FIRSTDIM$, $SECONDDIM$, 2]



表格中一维数组的布局

您可以通过索引访问占位符为模板元素配置一维数组 $FIRSTDIM$.如果要创建的新元素数量大于五个，则在 乘以 Visu 元素 对话。新元素的布局尽可能是二次方的。

例 14. 例子
PROGRAM PLC_PRG
VAR
    asText: ARRAY[1..100] OF STRING;
END_VAR

中的默认设置 乘以 Visu 元素 对话框允许在 10x10 字段中布局 100 个新元素。



本节内容如下: