IT7000基本功能篇
控件动画介绍
什么是动画?
用来控制对象在运行系统中是否可见、是否可操作、是否可移动、如何移动等;不同的对象有其不同的动画属性,主要有以下 9 项动画功能:
![](data/attachment/album/202007/27/094135j85vstd581kdxht5.png)
组态动画属性时, 对于对角线移动、水平移动、垂直移动、直接移动、自定义移动和动态移动六种移动方式,只能组态其中一种移动方式。
动画详解
外观变化
介绍
用户可以通过改变变量值的方式来动态地控制对象的外观,包括前景色、背景色、闪烁。为对象外观组态一个变量,当变量的值在组态的“值”范围内显示其对应的外观,否则显示默认外观 ( 属性中设置的“外观”)。
属性
以下是某一个对象的“外观变化” 属性图:
![](data/attachment/album/202007/27/094458ryejjcky7c7e0mym.png)
![](data/attachment/album/202007/27/094523o7h1by5w8g258h5x.png)
编辑步骤
以下是一个椭圆对象组态外观变化的步骤:
1) 选中椭圆对象,然后打开其属性视图下的“动画” 属性,选中“外观变化” 。
2) 启用“外观变化”,单击图中“启用” 前的复选框启用。
3) 组态“变量” ,单击“变量” 的下拉菜单打开变量列表,选择要用于控制对象外观的变量,选择变量的数据类型。
4) 组态“类型” :根据应用需要选择 3 种类型一种,本例中以“整型数” 为例。
5) 在右边表格中组态其外观,单击右表左上角的 +来添加外观,在表格中会自动新增三行值分别为0-100,101-201,202-302然后根据用户需要修改行中的“前景色” 、 “背景色” 及“闪烁” 属性;
6) 组态完后如下图所示:
![](data/attachment/album/202007/27/094745luyzzuipjirjzyyu.png)
效果展示
![](data/attachment/album/202007/27/105249nnssncocl3fo7773.png)
启用对象
介绍
组态“启用对象”可动态控制对象的操作性,即可操作或不可操作。运行系统中根据组态变量的值来决定是否可操作。
属性
以下是某个对象的“启用对象”的属性图:
![](data/attachment/album/202007/27/095023hi8v2nk8i02v8fz8.png)
![](data/attachment/album/202007/27/095033n1qesjyqu1ti8bdj.png)
编辑步骤
下面是一个按钮对象组态启用对象的步骤:
1) 选中按钮对象,然后打开其属性视图下的“动画” 属性,选中“启用对象” 。
2) 启用“启用对象” ,单击图中“启用对象” 前的复选框启用。
3) 组态“变量” ,单击“变量” 的下拉菜单打开变量列表,选择要用于控制对象可操作的变量,选择变量的数据类型(此例中变量 5 是 Int16 类型变量)。
4) 组态“类型” :根据应用需要选择类型一种,本步骤中以“位” 为例。
5) 在“位” 的右边选择具体的位(如位‘2’ )。
6) 在“对象状态” 中选择“禁用” 。
组态完后如下所示:
![](data/attachment/album/202007/27/095156kx6ro667qq562o2p.png)
效果展示
![](data/attachment/album/202007/27/095215hoo8lx855bw18aqp.png)
对角线移动
介绍
动态对象可以被组态为沿特定路径移动,或者相对于当前位置移动特定数目的像素。移动通过变量进行控制。用户可以根据变量的设定范围对角线移动成比例的距离。
属性
以下是某个对象的“对角线移动”的属性图:
![](data/attachment/album/202007/27/095356uodl8mz50sssisis.png)
从上图中可以看到,组态主要有以下几部分:
【启用】 :启用控件的对角线移动功能。组态的范围内时对象启用。
【变量】 :组态变量确定对象在该路径上的相对位置。
【范围】 :组态变量的范围。
【起始位置】 : X、 Y 轴的起始位置。
【结束位置】 : X、 Y 轴的结束位置。
编辑步骤
下面是一个矩形对象组态对角线移动的步骤:
1) 选中矩形对象,然后打开其属性视图下的“动画” 属性,选中“对角线移动” 。
2) 单击“启用” 前的复选框。
3) 组态“变量” ,单击“变量” 的下拉菜单打开变量列表,选择要用于控制对象可操作的变量,选择变量的数据类型(此例中变量 6 是 Int16 类型变量)。
4) 组态“范围”,“起始位置” 和“结束位置” 。
组态完后如下图所示:
![](data/attachment/album/202007/27/095517n6der1idfd5cdr0h.png)
效果展示
启动模拟运行器后,在模拟器上的显示效果如下:
![](data/attachment/album/202007/27/095707i3skyj0lllwyjf0l.png)
![](data/attachment/album/202007/27/095715cry0zjfddg6r4710.png)
![](data/attachment/album/202007/27/095720d355oe3txbfoxxox.png)
![](data/attachment/album/202007/27/095725nd2b444bvn324bn1.png)
水平移动
介绍
动态对象可以被组态为沿特定路径移动,或者相对于当前位置移动特定数目的像素。移动通过变量进行控制用户可以根据变量的设定范围水平移动成比例的距离。
属性
以下是某个对象的“水平移动”的属性图:
![](data/attachment/album/202007/27/095859veoc01qlxzc1l0el.png)
从上图中可以看到,组态主要有以下几部分:
【启用】 :启用控件的水平移动功能。组态的范围内时对象启用。
【变量】 :组态变量确定对象在该路径上的相对位置。
【范围】 :组态变量的范围。
【起始位置】 :当前控件对象的,X 轴位置、 Y 轴位置,不可编辑。
【结束位置】 :设定控件对象的移动结束的位置 X 轴位置、 Y 轴位置,Y 轴位置不可编辑。
变量在范围内每变化 1 的 X 偏移 =(X 结束 -X 起始 )/( 范围值 2- 范围值 1);变量值大于范围值 2,直接移动到结束位置,不会移到画面外。变量值小于范围值 1,直接移动到起始位置。不会移到画面外。
编辑步骤
下面是一个矩形对象组态水平移动的步骤:
1) 选中矩形对象,然后打开其属性视图下的“动画” 属性,选中“水平移动” 。
2) 单击“启用” 前的复选框。
3) 组态“变量” ,单击“变量” 的下拉菜单打开变量列表,选择要用于控制对象可操作的变量,选择变量的
数据类型(此例中变量 7 是 Int16 类型变量)。
4)组态“范围” , “起始位置” 和“结束位置” 。
组态完后如下图所示:
![](data/attachment/album/202007/27/100039ijt16t2001tqjrzw.png)
效果展示
![](data/attachment/album/202007/27/100052ucbs2zmctr8zcfcs.png)
垂直移动
介绍
动态对象可以被组态为沿特定路径移动,或者相对于当前位置移动特定数目的像素。移动通过变量进行控制。
用户可以根据变量的设定范围垂直移动成比例的距离。
属性
![](data/attachment/album/202007/27/100333gj5jqrz1hgj75h71.png)
从上图中可以看到,组态主要有以下几部分:
【启用】 :启用控件的水平移动功能。组态的范围内时对象启用。
【变量】 :组态变量确定对象在该路径上的相对位置。
【范围】 :组态变量的范围。
【起始位置】 :当前控件对象的,X 轴位置、 Y 轴位置,不可编辑。
【结束位置】 :设定控件对象的移动结束的位置 X 轴位置、 Y 轴位置,Y 轴位置不可编辑。
变量在范围内每变化 1 的 X 偏移 =(X 结束 -X 起始 )/( 范围值 2- 范围值 1);变量值大于范围值 2,直接移动到结束位置,不会移到画面外。变量值小于范围值 1,直接移动到起始位置。不会移到画面外。
编辑步骤
下面是一个矩形对象组态水平移动的步骤:
1) 选中矩形对象,然后打开其属性视图下的“动画” 属性,选中“垂直移动” 。
2) 单击“启用” 前的复选框。
3) 组态“变量” ,单击“变量” 的下拉菜单打开变量列表,选择要用于控制对象可操作的变量,选择变量的数据类型(此例中变量 8 是 Int16 类型变量)。
4)组态“范围” , “起始位置” 和“结束位置” 。
组态完后如下图所示:
![](data/attachment/album/202007/27/100438l1su918t1e1ltstp.png)
效果展示
![](data/attachment/album/202007/27/100453jd3v9oo93o9ld44l.png)
直接移动
介绍
对象沿着 X 和 Y 坐标轴移动特定数目的像素。移动量由两个变量的绝对值定义。
用户可以根据变量的设定范围垂直移动成比例的距离。
属性
![](data/attachment/album/202007/27/101157uegphvrnhenghgdg.png)
从上图中可以看到,组态主要有以下几部分:
【启用】 :启用控件的水平移动功能。组态的范围内时对象启用。
【起始X轴位置】 :控件当前所在 X 轴位置,不可编辑。
【X轴偏移量】 :组态 X 轴方向偏移量的变量,改变的值大于当前值,向右移动,改变的值小于当前值,向左移动。
【起始Y轴位置】 :控件当前所在 Y 轴位置,不可编辑。
【Y轴偏移量】 :组态 Y 轴方向偏移量的变量,改变的值大于当前值,向下移动,改变的值小于当前值,向上移动。
编辑步骤
下面是一个椭圆对象组态水平移动的步骤:
1) 选中椭圆对象,然后打开其属性视图下的“动画” 属性,选中“直接移动” 。
2) 单击“启用” 前的复选框。
3) 组态 X 轴偏移量,单击“偏移量” 的下拉菜单打开变量列表,选择一个变量,用于控制沿着 X 坐标轴的偏移量。
4) 组态 Y 轴偏移量,单击“偏移量” 的下拉菜单打开变量列表,选择一个变量,用于控制沿着 Y 坐标轴的偏移量。
组态完后如下图所示:
![](data/attachment/album/202007/27/101321cjdiubna9zd39zkk.png)
效果展示
见示例工程
自定义移动
介绍
自定义移动是对象沿着自定义的坐标点进行移动, 对象的自定义移动可通过变量和时间两个模式来进行自定义。
变量模式下对象的移动方式通过变量的自定义决定,对象按照变量值对应的 X, Y 坐标进行移动。时间模式下通过设定持续时间或间隔来决定对象的移动,其中通过设定持续时间可以选择对象曲线运动类型。
可组态的移动点数:组态软件上最多可组态 32 个。
编辑步骤
下面是一个矩形的“自定义移动”的组态步骤:
1) 选中椭圆对象,然后打开其属性视图下的“动画” 属性,选中“自定义移动” 。
2) 通过设置变量和坐标点进行自定义移动,组态完后如下图所示
![](data/attachment/album/202007/27/101638rcnt7zlnmen4ncn2.png)
3) 通过设置时间和坐标点进行自定义移动,组态完后如下图所示:
![](data/attachment/album/202007/27/101712f2sq7zoe30pso23l.png)
时间模式下,持续时间:1s ~ 60s, 支持以下曲线类型自定义移动:时间模式下,选择变量为 bool 类型,控制移动的启停,变量值为 1 时,控件按自定义轨迹移动,变量值为 0 时,暂停移动。
![](data/attachment/album/202007/27/101808hozv374tl9bbb033.png)
效果展示
见示例工程
可见性
介绍
用户可以通过改变变量值的方式来动态地控制对象的可见性。对象是否会在运行时显示取决于其组态状态以及变量的值。如果变量具有一个特定值或其值在一定范围内,则显示对象。
属性
![](data/attachment/album/202007/27/102141xw2bqn06wbk00007.png)
由上图看出,组态主要有如下部分:
【启用】 :勾选前面的复选框启用对象的可见性设置。
【变量】 :组态变量来控制对象的可见性。
【对象状态】 :组态对象状态可选择“隐藏”和“可见”两种。“可见”表示变量值在组态范围内时对象可见。“隐藏”表示变量值在组态范围内时对象不可见。
【类型】 :组态“类型”可选择“整数”和“位”两种。如下表所示:
![](data/attachment/album/202007/27/102855f7c5c7oo77fllzu7.png)
编辑步骤
下面是一个椭圆对象可见性的组态步骤:
1) 选中椭圆对象,然后打开其属性视图下的“动画” 属性,选中“可见性” 。
2) 启用“可见性” ,单击图中“启用” 前的复选框启用。
3) 组态“对象状态” ,用户根据需要设置“隐藏” 或“可见” 。
4) 组态“类型” ,根据应用需要选择“整型数” 和“位” 中类型一种。
5) 在“位” 的右边选择具体的位(如位‘1’ )。
![](data/attachment/album/202007/27/103012n5zc458yybzvewoy.png)
效果展示
![](data/attachment/album/202007/27/103027viyz0nniej036jeq.png)