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

提示

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

提示

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

状态变量

变量动态控制元素行为。

无形的

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

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

提示

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

动画片

提示

仅当您选择了支持客户端动画和原生元素叠加选项可视化管理器

动画持续时间

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

  • 变量(整数值)

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

  • 整数文字

    例子:500

. 可动画的属性
  • 绝对运动移动

  • 绝对运动旋转

  • 绝对运动内旋

  • 绝对运动外旋

当可动画属性的至少一个值发生变化时,就会执行动画移动。此时执行的移动不会出现抖动,而是在指定的动画时长内保持平滑。可视化元素会动态旋转并移动到指定位置。过渡非常流畅。

移至前台

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

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

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

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