Skip to main content

可视化元素:日期范围选择器

象征:

_visu_icon_date_range_picker.png

类别: 日期/时间控件

该元素提供了选择已保存数据集的日期和时间范围的功能。该元素与 趋势 可视化元素。

元素属性

所有元素属性都可用吗?

仅当您选择先进的选项或所有类别过滤特性

元素名称

例子: DateTrend1

提示

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

元素类型

日期范围选择器

显示框架

standard icon:可视化元素是用框架绘制的。

解决

为时间戳保存的分辨率: 毫秒 要么 微秒

附加元素实例

该元素可以分配给一个 趋势 可视化元素。结果,可以改变趋势元素的时间范围。可用的视觉元素是在 _cds_icon_three_dots.png 输入助手。

位置

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

X

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

例子:10

Y

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

例子:10

宽度

以像素为单位

例子:150

高度

以像素为单位

例子:30

提示

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

刻度线标签

在两条线上绘制标签

standard icon: 时间戳分两行显示。日期显示在第一行,时间显示在第二行。

_cds_icon_option_deactivated.png: 时间戳显示在一行上。根据格式,日期和时间也可以显示在一行上。

省略时间戳中的无关信息

standard icon: 时间戳的显示被缩短。例如,仅第一个刻度线显示日期,后面的刻度线仅显示时间。

启用此设置后, 国际化(格式字符串) 被忽略。

_cds_icon_option_deactivated.png:显示所有时间戳的所有信息。

国际化(格式字符串)

要求:仅当参数有效时 省略时间戳中的无关信息 已停用。

格式字符串,例如使时间值的显示适应当地习俗

注意

基本上,所有 %t 支持格式选项,在 “具有格式定义的占位符” 章节。

日期

日期的格式字符串。默认设置取自 Windows 控制面板。

例子: dd.MM.yyyy

时间

时间的格式字符串。默认设置取自 Windows 控制面板。

例子: HH:mm:ss:ms:Z

提示

您可以以编程方式将系统时间的本地时区切换为通用时间 (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

文本属性

这些属性获取文本属性的固定值,并作用于配置的文本文本 → 文本或者文本 → 工具提示

水平对齐

元素内文本的水平对齐

垂直对齐

元素内文本的垂直对齐方式

字体

例子: 默认

_cds_icon_three_dots.png: 这 字体 对话框打开。

_cds_icon_arrow_down.png: 带有样式字体的列表框

字体颜色

例子: 黑色的

_cds_icon_three_dots.png: 这 颜色 对话框打开。

_cds_icon_arrow_down.png:带有样式颜色的列表框

透明度

整数(值范围从 0255)

透明值决定相应颜色的透明度。

255:颜色不透明。

0:颜色完全透明。

注意

如果颜色是样式颜色并且已经具有透明度值,则此属性受到写保护。

附加按钮

跳转到最大可能的时间戳

standard icon: 额外的 _visu_img_date_picker_max.png 显示按钮以跳到最后一个时间戳。

跳转到尽可能小的时间戳

standard icon: 额外的 _visu_img_date_picker_min.png 按钮显示跳转到第一个时间戳。

缩小

standard icon: 额外的 _visu_img_date_picker_zoom.png 显示按钮用于设置当前最小/最大值。范围到最大范围。选定的范围是左侧。

中心

这些属性包含旋转点坐标的固定值。旋转点在编辑器中显示为_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

权限

注意

仅当设置了用户管理以实现可视化时才可用。

访问权限按钮

打开访问权限对话框。您可以在那里编辑元素的访问权限。

. 状态消息:
  • 未设置。完整权限。:所有用户组的访问权限:可操作

  • 权利设定:有限权利:至少有一个组的访问受到限制。