Skip to main content

客户端动画

这客户端动画此功能可让您快速轻松地制作可视化动画。动画的运行独立于可视化任务的任务周期VISU_TASK . 动画所需的计算工作量直接在客户端执行。

注意

Kann auch veraltet sein客户端动画功能的示例项目

移动

例如，可视化元素可以接近目标位置、动态旋转或以平滑过渡出现。

可动画属性

移动

绝对运动，移动，十，是

已逼近指定的目标位置。

绝对运动，内旋

绝对运动，外旋

旋转从先前的角度动画到新的角度。

组、框架和本机控件也可以旋转。

覆盖

可视化元素和本机控件可以被元素或对话框元素覆盖或叠加。

_cds_img_element_overlay.png

时间动画

. 时间动画

  • 对话框的显示和隐藏具有平滑的过渡。

  • 元素的显示和隐藏都以平滑的过渡进行。您可以控制状态变量，无形的属性来指定可视化元素的可见性。

  • 菜单显示流畅。

  • 帧可视化无缝变化，以平滑的过渡移入和移出视图。

图像动画

GIF 图形格式或 SVG 矢量图形的图像被解释为动画并在运行时以运动形式显示。

激活客户端动画

要求：CODESYS项目包含一个具有可视化功能的应用程序。

  1. 在设备视图，打开可视化管理器。

  2. 选择支持客户端动画和原生元素叠加选项。

    注意

    此选项仅当CODESYS WebVisu客户或CODESYS TargetVisu客户端已插入到可视化管理器下方。然而，CODESYS TargetVisu客户端必须支持此功能。

    可视化元素配置为动画持续时间和置于前台属性。现在客户端动画已启用。

配置可视化元素

当至少一个可动画属性在运行时更改其值时，可视化元素将自动动画化。在这种情况下，动画的持续时间不为 0，并且已在动画持续时间属性。动画由客户端处理。

要求：客户端动画已启用。

  1. 选择一个可视化元素。

  2. 在各自的特性看来，动画持续时间输入字段，指定值500。

    现在动画持续 500 毫秒。

  3. 声明位置变量，例如在可视化的界面编辑器中。

    界面编辑器

    VAR
    iXPosition : INT;
    iYPosition : INT;
END_VAR

  4. 选择绝对运动，移动，十属性并分配变量iXPosition。

  5. 选择绝对运动，移动，是属性并分配变量iYPosition。

  6. 编写输入配置，例如控制位置变化。

    输入配置，鼠标点击时财产：执行 ST 代码。

    执行 ST 代码

    iXPosition := 100;
iYPosition := 100;

  7. 构建、启动并下载应用程序。

    包含可视化的应用程序正在运行。当用户点击可视化元素时，它会动态移动到设置的位置。

本节内容如下: