Skip to main content

可视化元素:滑块

象征:

_visu_img_slider.png

类别: 常用控件

该元素根据滑块在滑块栏中的位置更改变量的值。您可以通过标尺起点和标尺终点定义滑块的数值范围。

元素属性

所有元素属性都可用吗?

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

元素名称

例子: Speed controller conveyor belt 1

提示

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

元素类型

滑块

位置

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

X

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

例子: 10

Y

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

例子: 10

宽度

以像素为单位指定

例子: 150

高度

以像素为单位指定

例子: 30

提示

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

Variable

多变的

变量(数值数据类型)

例子: PLC_PRG.rSlider

执行时,该变量分配一个值,该值对应于条中滑块的位置。

页面大小

. 页面大小
  • 作为一个固定值,例如 10

  • 作为数据类型整数的 IEC 变量

要求: 移动到点击 元素属性是 不是 选择。

移动到点击

单击时在可视化运行时滑块的行为:

standard icon:滑块移动到单击的位置。

_cds_icon_option_deactivated.png:滑块移动到值(在 页面大小 元素属性)在点击的方向。

规模

显示比例

standard icon:元素具有可见的比例。

注意

此属性仅适用于滑块。

规模开始

元素的刻度最小值和取值范围的下限

示例:0

提示

在值字段中,单击 _visu_icon_variable.png 象征。然后该属性由 多变的 财产。

多变的

用于刻度开始的变量(整数数据类型)

例子: PLC_PRG.iScaleStart

秤端

元素的刻度最大值和取值范围的上限

示例:100

提示

在值字段中,单击 _visu_icon_variable.png 象征。然后该属性由 多变的 财产。

多变的

刻度端的变量(整数数据类型)

例子: PLC_PRG.iScaleEnd

主要规模

主刻度上两个刻度线之间的距离。

示例:10

提示

在值字段中,单击 _visu_icon_variable.png 象征。然后该属性由 多变的 财产。

多变的

用于间距的变量(整数数据类型)

例子: PLC_PRG.iMainScale

子尺度

精细刻度上两个刻度线之间的距离

您可以通过将值设置为 0 来隐藏精细刻度。

示例:2

提示

在值字段中,单击 _visu_icon_variable.png 象征。然后该属性由 多变的 财产。

多变的

用于间距的变量(整数数据类型)

例子: PLC_PRG.iSubScale

比例格式(C 语法)

格式化比例标签

例子: %d %s

注意

此属性仅适用于滑块。

比例尺

总大小的比例大小(以 % 为单位)

注意

上表中用作示例的变量需要应用程序代码中的有效声明。

酒吧

该属性定义了缩放和行进方向的表示。

图表类型

列表框因图表的对齐方式而异。

. 水平的
  • 最佳:刻度在滑块上方。

  • 底部:比例尺位于滑块下方。

  • 顶部和底部:上下两个刻度框住滑块。

. 垂直的
  • 剩下:刻度在滑块的左侧。

  • 正确的:刻度在滑块的右侧。

  • 左和右:左右两个刻度框住滑块。

方向

. 滑块的对齐;由宽高比定义。
  • 水平的

  • 垂直的

提示

您可以在可视化编辑器中修改对齐方式,方法是使用定点设备调整滚动条的宽度和高度。

运行方向

列表框因滑块的对齐方式而异。

. 水平的
  • 左到右: 比例从左边开始

  • 右到左: 比例从右开始

. 垂直的
  • 从下到上: 比例从底部开始

  • 从上到下: 比例从顶部开始

状态变量

变量动态控制元素行为。

无形的

多变的 (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+.

提示

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

访问权

注意

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

访问权 按钮

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

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

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