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

提示

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

提示

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

状态变量

变量动态控制元素行为。

无形的

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

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

提示

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

动画

提示

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

动画时长

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

  • 变量(整数值)

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

  • 整数字面量

    例子: 500

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

  • 绝对运动, 回转

  • 绝对运动, 内部旋转

  • 绝对运动, 外旋

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

移至前台

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

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

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

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

访问权

注意

仅当为可视化设置用户管理时可用。

访问权 按钮

打开 访问权 对话。您可以在此处编辑元素的访问权限。

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

  • 权利已设定:有限权利: 至少有一组限制访问。