2.4事件交互添加

通过添加事件，可以为控件创建不同的交互效果。如加载屏幕，更改大小，播放动画等效果。

2.4.1选中事件源控件

在画布上选中需要添加事件的控件。（如按钮，矩形，滑动条等）。在事件选项卡中点击添加按钮。为该控件添加一个事件。

2.4.2事件命名

点击添加按钮之后，事件会自动创建，并生成默认的命名。可以保持不变，也可以修改方便后续管理事件。（注意事件命名需要避免和其余控件命名重复，也需要避免使用中文和其余的C语言关键字。否则编译阶段会报错）

图为创建的默认事件

2.4.3触发方式

事件命名之后，选择事件的触发方式。触发方式为按下时，点击控件后会触发事件。触发方式为长按时，点击控件并保持按住会触发事件，触发方式为松开时，在点击后松开时触发。触发方式为滑动时，需要在点击控件之后移动鼠标或手指滑动(单片机上运行)才会触发。

图为可选的触发方式

2.4.4事件目标控件

选择事件的目标控件。可以选择事件发生时需要变更的控件。可以选择的控件有源控件所在屏幕内的所有控件以及该项目中其余的屏幕控件，也可以设置为自定义代码，添加代码片段。

图为可选的目标控件

 

 

 

2.4.5触发事件

当设置目标控件之后，可以为该控件设置对应的事件。不同类型的控件所能触发的事件不同。通用的触发事件有：

l 位置变化

l 大小变化

l 透明度变化

l 隐藏（与透明度变化设置为0的隐藏不同，隐藏事件同时也会隐藏点击的区域）

l 移动动画（与位置变化事件不同，该事件存在移动的过程效果）

l 禁用控件

l 解禁控件

 

当目标控件为存在背景颜色的控件时，则有另外的触发事件：

l 背景颜色变化

 

当目标控件为存在文本内容的控件时，则有另外的触发事件：

l 字体颜色变化

l 文本变化

 

当目标控件为标签控件时，则有特殊的触发事件：

l 获取进度(百分比，该事件可以获取幻灯片，滑动条和进度条的显示进度)

 

当目标控件为输入框控件时，则有特殊的触发事件：

l 删除字符

l 添加字符

 

当目标控件为幻灯片控件时，则有特殊的触发事件：

l 加载上一个图片

l 加载下一个图片

l 开始/暂停播放

 

当目标控件为计数器控件时，则有特殊的触发事件：

l 递增（按设定的步进值增加)

l 递减（按设定的步进值减少）

l 数值变化（变更为新值）

 

当目标控件为时钟控件时，则有特殊的触发事件：

l 增加1秒

l 开启时钟

l 暂停时钟

l 开启/暂停时钟

 

当目标控件为屏幕时，则有两个触发事件：

l 加载屏幕（该事件会保存当前屏幕的显示效果，并切换显示到另一屏幕控件）

图为将标签作为目标控件并设置文本变化为123

l 返回上一界面（当前屏幕界面有多个屏幕入口时，在返回按键添加该事件，由当前屏幕返回到上一个屏幕入口）

图为将返回按键作为目标控件并设置返回上一页面

 

2.4.6事件编辑

选中触发事件之后，会在触发事件下方显示该事件的具体设置。不同事件对应设置不同，具体如下：

通用设置：

l 位置变化（在出现的X和Y编辑框中填入新的X和Y值）

l 大小变化（在出现的W和H编辑框中填入新的W和H值）

l 透明度变化（在出现的透明度滑动条中拖动修改透明度）

l 隐藏（在下方出现的选项中钩选隐藏）

l 移动动画（在下方出现的X和Y值中填入移动到的位置。延时时间为触发事件后需要多久开始移动，持续时间为移动到目标位置所需时间，持续时间越短移动越快）

l 禁用控件（无需继续配置）

l 解禁控件（无需继续配置）

 

有背景颜色设置：

l 背景颜色变化（在出现的颜色列表中选择需要更改的颜色）

 

有文本内容设置：

l 字体颜色变化（在出现的颜色列表中选择需要更改的颜色）

l 文本变化（在出现的文本框中输入变化后的文本）

标签特殊事件设置：

l 获取进度(百分比)（在出现的获取进度控件中选择幻灯片控件并设定显示的文本内容）

 

输入框特殊事件设置：

l 删除字符（无需继续配置，每次触发删除一个字符）

l 增加字符（在出现的文本框中输入要增加的字符）

 

幻灯片特殊事件设置：

l 加载上一个图片（无需继续配置）

l 加载下一个图片（无需继续配置）

l 开始/暂停播放（无需继续配置）

 

计数器特殊事件设置：

l 递增（无需继续配置）

l 递减（无需继续配置）

l 数值变化（在下方出现的数值框内设定新的计数值）

 

时钟特殊事件设置

l 增加1秒（无需继续配置）

l 开启时钟（无需继续配置）

l 暂停时钟（无需继续配置）

l 开启/暂停时钟（无需继续配置）

 

屏幕特殊事件设置：

l 加载屏幕（无需继续配置）

 

 

2.4.7控件与事件注释

当设置目标控件之后，可以在该控件属性添加注释，最终添加的控件注释在程序代码中可查看。

 图为在控件属性中添加注释

 

 

图为控件注释在程序代码中显示

 

当设置目标控件之后，可以为该控件设置对应的事件，针对该事件可以添加注释，最终添加的事件注释在程序代码中可查看。

 

图为按钮控件的事件添加事件注释

 

 

图为事件注释在程序代码中显示