Skip to main content

可视化元素:日期选择器

象征:

_visu_icon_date_picker.png

类别: 日期/时间控件

该元素是一个显示当前日期的日历。用户可以单击某一天来选择一个日期,该日期将保存到一个变量中。此外,它还可以自定义日历显示的时间间隔。单击日历标题会更改年份。单击日历标题中的箭头会更改月份。

元素的语言相关文本

该元素包含在 System 文本列表。这涉及完整或缩写的月份名称和星期几。将日期选择器添加到可视化时,会在 POU 视图下方自动生成文本列表。 ID 对应于标准文本,因此对应于英文术语。文本列表使翻译这些文本成为可能。

41. 例子

System 文本列表

ID

默认

Apr

Apr

April

April



元素属性

所有元素属性都可用吗?

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

元素名称

例子: DueDateCalendar

提示

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

元素类型

日期选择器

位置

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

X

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

例子: 10

Y

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

例子: 10

宽度

以像素为单位指定

例子: 150

高度

以像素为单位指定

例子: 30

提示

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

多变的

多变的

输入变量 (DATE)。包含用户在日历中选择的日期。

例子: PLC_PRG.dtDueDate

设计

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

  • 显式: 这 设计设置 属性可用。您可以在此处自定义日历。

设计设置

要求:此属性仅在 设计 属性设置为 显式.此设置允许您创建自定义的固定设计。

提示

如果设计已在样式中全局定义,则设计设置会自动分配这些样式值。

您可以显式更改这些值并从样式选择列表中选择其他值 (_cds_icon_arrow_down.png) 或使用颜色选择器 (_cds_icon_three_dots.png) 以便您的元素显示在自定义主题中。

特性

描述

日期选择标题

头部的设计

字体

字体颜色

例子: 日期选择标题字体颜色

箭头

指针颜色

例子: 日期选择指针颜色

打印箭头的颜色

例子: 按下日期选择指针颜色

背景

绘制背景

从风格上:样式中全局定义的背景显示

是的:背景填充有 填充颜色 财产。

:背景未填充颜色。

填充颜色

要求:如果您选择了,则使用 是的绘制背景.

例子: 日期选择标题背景颜色

主展示区

主展示区设计

今天

今天的设计

字体

字体颜色

例子: 日期选择当天字体颜色

绘制背景

从风格上:样式中全局定义的背景显示

是的:背景填充有 背景颜色 财产。

:背景未填充颜色。

背景颜色

要求:如果您选择了,则使用 是的绘制背景.

示例:日期选择当前月份背景颜色

显示框架

从风格上:框架在样式中被定义为全局。

是的:框架将显示以下属性(框架颜色, 长方形, 行宽)。

: 不显示帧。

框架颜色

矩形类型

行宽

要求:使用时 是的 被选中 显示框架.

例子: 灰色的

例子: 圆角矩形

示例:1

选定日期

选定日期的设计

字体

字体颜色

例子: 灰色的

绘制背景

从风格上:样式中全局定义的背景显示

是的:背景填充有 背景颜色 财产。

:背景未填充颜色。

背景颜色

要求:如果您选择了,则使用 是的绘制背景.

显示框架

从风格上:框架在样式中被定义为全局。

是的:框架将显示以下属性(框架颜色, 长方形, 行宽)。

: 不显示帧。

框架颜色

矩形类型

行宽

要求:使用时 是的 被选中 显示框架.

这个月

选定月份的设计

字体

字体颜色

例子: 灰色的

绘制背景

从风格上:样式中全局定义的背景显示

是的:背景填充有 背景颜色 财产。

:背景未填充颜色。

背景颜色

要求:如果您选择了,则使用 是的绘制背景.

显示框架

从风格上:框架在样式中被定义为全局。

是的:框架将显示以下属性(框架颜色, 长方形, 行宽)。

: 不显示帧。

框架颜色

矩形类型

行宽

要求:使用时 是的 被选中 显示框架.

其他月份

前几个月和后几个月的设计

字体

字体颜色

例子: 灰色的

显示其他月份

从风格上: 前面和后面的月份按照样式中的定义显示。

是的:以下属性应用于显示。

: 无显示

绘制背景

从风格上:样式中全局定义的背景显示

是的:背景填充有 背景颜色 财产。

:背景未填充颜色。

背景颜色

要求:如果您选择了,则使用 是的绘制背景.

显示框架

从风格上:框架在样式中被定义为全局。

是的:框架将显示以下属性(框架颜色, 长方形, 行宽)。

: 不显示帧。

框架颜色

矩形类型

行宽

要求:使用时 是的 被选中 显示框架.

星期几标题

带有星期几的标题设计

字体

字体颜色

例子: 灰色的

绘制背景

从风格上:样式中全局定义的背景显示

是的:背景填充有 背景颜色 财产。

:背景未填充颜色。

背景颜色

要求:如果您选择了,则使用 是的绘制背景.

显示框架

从风格上:框架在样式中被定义为全局。

是的:框架将显示以下属性(框架颜色, 长方形, 行宽)。

: 不显示帧。

框架颜色

矩形类型

行宽

要求:使用时 是的 被选中 显示框架.

显示分隔线

从风格上:分隔线在样式中被定义为全局。

是的: 显示以下属性。

:不显示分隔线。

分隔线的颜色

分隔线宽度

使用时 是的 被选中 显示分隔线.

背景

日历日的设计

绘制背景

从风格上:样式中全局定义的背景显示

是的:背景填充有 填充颜色 财产和陷害 框架颜色.

:背景未填充颜色。

填充颜色

框架颜色

例子: 灰色的

显示类型

线条

每行的月历数(预设: 1)

每列的月历数(预设: 1)

状态变量

变量动态控制元素行为。

无形的

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

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

例子: bIsVisibleVAR bIsVisible : BOOL := FALSE; END_VAR

停用输入

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

TRUE:用户输入在运行时没有任何影响。该元素显示为已停用。

提示

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

中心

属性包含旋转点坐标的固定值。旋转点在编辑器中显示为 _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, , 回转, 和 内部旋转 “客户端动画”功能支持属性。

动画

提示

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

动画时长

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

  • 变量(整数值)

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

  • 整数字面量

    例子: 500

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

  • 绝对运动, 回转

  • 绝对运动, 内部旋转

  • 绝对运动, 外旋

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

移至前台

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

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

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

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

输入配置

属性包含使用鼠标或键盘时用户输入的配置。用户输入定义了一个事件和一个或多个在事件发生时执行的动作。

提示

配置 按钮打开 输入配置 对话。您可以在那里创建或编辑用户输入。

配置的用户输入列在事件下方。它们每个都包括触发的动作和简短形式的设置。

例子: 执行 ST 代码_visu_icon_action.png PLC_PRG.i_x := 0;

OnDialogClosed

输入事件:用户关闭对话框。

鼠标点击

输入事件:用户在元素区域完全点击鼠标按钮。单击并释放鼠标按钮。

鼠标按下

输入事件:用户点击鼠标按钮。

OnMouseEnter

输入事件:用户将鼠标指针拖到元素上。

鼠标离开

输入事件:用户将鼠标指针拖离元素。

鼠标移动

输入事件:用户将鼠标指针移动到元素区域上。

OnMouseUp

. 输入事件:
  • 用户在元素区域内释放鼠标按钮。用户之前是否在元素区域内部或外部按下鼠标按钮是无关紧要的。

  • 用户在元素区域内按下鼠标按钮,离开元素区域,然后释放鼠标按钮。

注意

CODESYS- 特定的触发行为保证关键元素的动作完成。一个关键元素开始一个动作 鼠标按下 并结束动作 OnMouseUp.

示例:可视化用户在关键元素的元素区域内按下鼠标按钮,然后移动光标位置,使其位于元素区域之外。无论如何,该操作都结束了,因为 OnMouseUp 被触发。

OnValueChanged

由于值更改而触发后续操作的事件。

在对话框中指定触发哪些后续动作 输入配置 配置。

定义的后续操作和相关配置显示在元素属性下方。

事件 OnValueChanged 可以由编译器定义 VISU_NO_VALUECHANGED 在应用程序的属性对话框中停用。

轻敲

当鼠标点击事件发生时,定义在 多变的 在应用程序中进行了描述。编码取决于 点击错误如果捕获,请点击输入 选项。

多变的

要求: 点击错误 选项未激活。

多变的 (BOOL) 用于鼠标点击事件

TRUE: 存在鼠标点击事件。只要用户在元素上按下鼠标按钮,它就会持续。它在按钮被释放时结束。

FALSE: 鼠标点击事件不存在。

例子: PLC_PRG.bIsTapped

点击错误

standard icon: 鼠标点击事件导致一个互补值 多变的.

TRUE: 鼠标点击事件不存在。

FALSE: 当鼠标点击事件存在时。

如果捕获,请点击输入

standard icon:在用户输入过程中,还考虑在按下鼠标按钮时是否在元素区域内拖动鼠标指针。

TRUE: 当鼠标点击事件存在并且鼠标指针移动到元素区域时。

FALSE: 鼠标点击事件不存在。或者用户在按下鼠标按钮时将鼠标指针移到元素区域之外。

值为 TRUE 一旦用户将指针移回元素区域,就会再次出现。然后捕获鼠标。

切换

随着鼠标点击事件的发生,变量被设置;当鼠标点击事件完成时,变量被重置。

多变的

多变的 (BOOL) 用于在鼠标单击事件结束时进行切换

这是当鼠标指针位于元素区域上时用户释放鼠标按钮。如果用户在鼠标指针位于元素区域之外时释放鼠标按钮,则鼠标单击事件不会结束,值不会切换。

提示

用户可以通过将鼠标指针拖出元素区域来取消已启动的切换输入。

如果捕获则打开

standard icon:无论释放鼠标按钮时鼠标指针在哪里,该值都会切换。然后捕获鼠标。

热键

用于触发特定输入操作的元素上的快捷方式

当热键事件发生时,在 活动 属性被触发。这样,导致这个输入动作的不是输入动作本身,而是鼠标输入动作。

钥匙

按键输入动作。

例子:

选择键时会出现以下属性。

活动

  • 没有

  • 鼠标向下: 按键触发输入动作 鼠标按下 财产。

  • 鼠标向上:松开按键会触发在 OnMouseUp 财产。

  • 鼠标向下/向上:按下和释放键触发在配置的输入动作 鼠标按下 财产和 OnMouseUp 财产。

切换

standard icon:与“Shift”键组合

例子: 转移+.

控制

standard icon: 与“Ctrl”键组合

例子: Ctrl+.

Alt

standard icon:与“Alt”键组合

例子: Alt+.

提示

可视化中配置的所有键盘快捷键及其操作都列在 键盘配置 标签。

访问权

注意

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

访问权 按钮

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

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

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