Skip to main content

可视化元素:模拟时钟

象征:

_visu_icon_clock.png

类别:日期/时间控件

该元素是一个显示当前时间的时钟。该时钟还可以显示随机时间。

元素属性

所有元素属性都可用吗?

只有在您选择 “” 后,所有属性才可用 高级 选项或 所有类别 过滤 特性

元素名称

例子: GenElemInst_1

提示

为元素指定单独的名称,以便更快地在元素列表中找到它们。

元素类型

模拟时钟

位置

该位置定义可视化窗口中元素的位置和大小。这是基于笛卡尔坐标系的。原点位于窗口的左上角。正水平 X 轴向右延伸。正垂直 Y 轴向下延伸。

X

元素左上角的 X 坐标(以像素为单位)

例子: 10

Y

元素左上角的 Y 坐标(以像素为单位)

例子: 10

宽度

以像素为单位指定

例子: 150

高度

以像素为单位指定

例子: 30

提示

您还可以通过拖动框来更改值 _visu_icon_position_element.png 符号到编辑器中的其他位置。

时间显示

使用系统时间

standard icon:显示 PLC 的系统时间(本地时区)。

注意

当变量 VisuElems.Visu_DateTime.DisplayUTC 也设置为 TRUE, 显示世界时 (UTC)。

提示

提示:将 UTC 变量的设置实现为可视化中的用户输入。

多变的

要求: 使用系统时间 属性未激活。

多变的 (TOD, TIME_OF_DAY) 的时间不是系统时间

例子: PLC_PRG.todTimeTokio

提示

您可以以编程方式将系统时间的本地时区切换为通用时间 (UTC)。

当变量 VisuElems.Visu_DateTime.DisplayUTC 被设定为 TRUE,系统时间显示为世界时间(UTC)。默认情况下,变量 VisuElems.Visu_DateTime.DisplayUTC 被设定为 FALSE 以便系统时间以本地时区显示。

对于日期和时间值的显示,您可以使用时区代码扩展相应的格式字符串 Z.对于本地系统时间的输出,偏移量会以通用时间 (UTC) 显示。例如, dd:MM:yyyy HH:mm:ss:ms:Z 输出 01.08.2021 12:00:00:001:+02:00.显示世界时 (UTC) 时,也会显示 UTC 代码。 01.08.2021 10:00:00:001:Z

设计

设计

  • 从风格:所有设置都是根据样式预先配置的。

  • 显式: 这 设置 属性可用。在这里您可以自定义模拟时钟。

设置

要求: 财产显式.只有这样才是 时钟设置 类别可见。

16. 背景

图像颜色

. 默认背景图像的颜色变体
  • 黄色的

  • 红色的

  • 蓝色

  • 绿色的

  • 黑色的

自身背景

背景显示与特定 图片.替换默认背景图像。

图片

来自图像池或库的图像

例子: myImagepool.myImage

透明色

图像表示中的透明颜色。

例子: 白色的.表示图像的白色部分是透明的

使用背景颜色

standard icon:图像背景使用定义的颜色显示 背景颜色 财产。

要求:图中未给出图片参考 图片 财产。

背景颜色

款式颜色或颜色

要求: 使用背景颜色 已启用。



17. 箭头

箭头类型

例子: 细指针

时针颜色

分针颜色

秒针颜色

手的样式颜色或颜色



18. 线条

线型

. 钟面毕业
  • 没有

  • 线: 按小时计算的毕业线

  • 小时和分钟: 带线的小时和分钟划分

  • :按小时计算的毕业点

颜色

钟面刻度的颜色

行宽

钟面刻度的线重

3D 缩放

standard icon: 用 3D 效果表示钟面



19. 数字

数字风格

. 钟面上的数字
  • 没有

  • 25美分硬币

  • 全部

字体

显示数字的字体

字体颜色

显示数字的字体



20. 中点

颜色

时钟中心的颜色



21. 定位

的使用

  • 默认样式值:样式值的默认设置

  • 用户自定义设置:下属用户自定义设置 定位 财产。

定位

要求:当 用法或 属性设置为 个人设置.

数字运动

用于移位数字的值(以像素为单位)

例子: 80

线移动

用于移动小时线的值(以像素为单位)

例子: 100

手缩放

用于缩放时针长度的因素

您可以自定义时针相对于背景图像的确切位置。

例子: 100



缩放类型

缩放类型

定义元素高度和宽度的缩放比例

  • 各向异性

    背景图像缩放到元素的大小高度和宽度相互独立缩放。

  • 各向同性

    背景图像被缩放到元素的大小,保持其比例。高度和宽度的比例是固定的。

中心

属性包含旋转点坐标的固定值。旋转点在编辑器中显示为 _visu_icon_center_point.png 符号并用作旋转和缩放的中心。

提示

您也可以通过拖动 _visu_icon_center_point.png 符号到编辑器中的另一个位置。

X

旋转点的 X 坐标

Y

旋转点的 Y 坐标

绝对运动

这些属性包含用于动态控制元素位置的 IEC 变量。参考点是元素的左上角。在运行时,整个元素被移动。

移动

X

  • X 位置的变量(数字数据类型)(以像素为单位)

    例子: PLC_PRG.iPos_X

在运行时增加此值会使元素向右移动。

Y

  • Y 位置的变量(数字数据类型)(以像素为单位)

    例子: PLC_PRG.iPos_Y

  • 容器变量: Container.Height

    有关详细信息,请参阅: 优化调整位置和大小

在运行时增加此值会使元素向下移动。

回转

旋转角度的变量(数字数据类型)(以度为单位)

例子: PLC_PRG.iAngle1

元素的中点在 中心 观点。该旋转点显示为 _visu_icon_center_point.png 象征。

在运行时,元素的对齐相对于可视化的坐标系保持不变。增加该值会使元素向右旋转。

_visu_img_prp_rotation.png

内部旋转

旋转角度的变量(数字数据类型)(以度为单位)

例子: PLC_PRG.iAngle2

在运行时,元素围绕指定的旋转点旋转 中心 根据变量的值。此外,元素的对齐方式会根据可视化的坐标系进行旋转。增加代码中的值会顺时针旋转。

旋转点如图所示 _visu_icon_center_point.png 象征。

注意

如果在 位置→角度 属性,然后在执行可视化时将静态旋转角度添加到可变旋转角度(偏移)。

_visu_img_prp_inner_rotation.png

提示

您可以将变量组合到 单位换算.

提示

X, , 回转, 和 内部旋转 “客户端动画”功能支持属性。

状态变量

变量动态控制元素行为。

无形的

多变的 (BOOL) 用于切换元素的可见性

TRUE:该元素在运行时不可见。

提示

无形的 “客户端动画”功能支持属性。

动画

提示

这些属性仅在您选择了 支持客户端动画和原生元素叠加 中的选项 可视化管理器.

动画时长

元素运行动画的持续时间(以毫秒为单位)的变量

  • 变量(整数值)

    例子: Menu.tContentVAR tContent : INT := 500; END_VAR

  • 整数字面量

    例子: 500

. 动画属性
  • 绝对运动, 移动, X,

  • 绝对运动, 回转

  • 绝对运动, 内部旋转

  • 绝对运动, 外旋

当可动画属性的至少一个值发生变化时,将执行动画移动。然后执行的运动不是生涩的,而是在指定的动画持续时间内是平滑的。可视化元素在动态旋转的同时移动到指定位置。过渡很平滑。

移至前台

多变的 (BOOL) 用于在前景中设置元素

TRUE:在运行时,可视化元素显示在前台。

FALSE:在运行时,可视化元素显示在可视化编辑器中插入它的层中。

例子: bIsInForegroundVAR bIsInForeground : BOOL := FALSE; END_VAR