6. 添加触发和事件

触发和事件是趣show交互内容展现方式的重点之一。通过对组件进行触发和事件属性的添加,可以让用户制作的HTML页面中的内容在播放过程中体现更多的交互性,多样性和趣味性,同时,不同的组件之间也可以相互左触发和事件动作。

6.1触发:

   触发是指用户通过对指定的组件进行行为的关联,来设置一个行为的触发条件。触发行为的类型包括3类:

手势:

    单击:手指触碰屏幕并马上离开的动作。

    双击:手指连续触碰屏幕两次的动作。

鼠标:

            鼠标悬浮:使用鼠标可触发的动作。鼠标停留在目标对象上方时会触发一系列反应动作。

    鼠标移出:使用鼠标可触发的动作。鼠标离开目标对象上方时会触发一系列反应动作。

条件性触发:

    监听: 当视频或者音频播放到一定时间点后,对目标对象触发一系列的反应动作

    摇一摇: 针对移动端用户,摇一摇手机可以触发关联的事件动作

6.1.1 添加触发:

   用户在选定一个组件后可以通过点击页面右侧中的【触发】框,对该组件进行触发行为的关联。

6.2 事件:

   事件是指组件的各种展现动作,主要类型包括:移动,大小,透明,颜色,转场,链接,文本,播放等。用户可以为相同或者不同的组件添加被触发后的事件。

6.2.1 事件的添加

   组件在选择完触发条件后,页面会出现【添加事件】的按钮,点击按钮后,就会出现各种触发后事件动作的选项。然后在【触发元素】中选择你希望被触发的组件,就可以完成一次事件添加。

6.2.2 移动

   选择【移动】事件,选定的组件在触发后可以移动到制定位置。同时可以设置移动的延时和移动的时长。移动的位置可以在下图的红框中设定。数值为正数时代表组件可以向左,向上移动。数值为负数时代表组件可以向右,向下移动。

Tips:为了准确和快速的输入想要移动的目的地坐标,用户可以单独添加一个组件,把它放到想要移动到的位置,记住这个位置的坐标,在点击原来的组件,在右侧填写移动的坐标就可以了。然后删除新增加的组件即可。

6.2.3 大小

   选择【大小】事件,选定的组件在触发后可以进行放大或缩小。同时可以设置缩放的延时和时长。缩放的大小可以在下图的红框中的【大小】条件框中设定。数值为正数时代表组件可以放大,数值为负数时代表组件可以缩小。

6.2.4 透明:

   选择【透明】事件,选定的组件在触发后可以进行透明度的变化。同时可以设置透明的延时和时长。透明度的数字调到0时,表示组件在页面里完全透明不显示。

6.2.5 颜色:

   选择【颜色】事件,选定的元素在触发后可以进行颜色的变化。同时可以设置颜色变化的延时和时长。

6.2.6 转场:

   选择【转场】事件,当前的场景页面在触发后可以跳转到任意一个指定的场景页面。点击右侧属性智能面板页面中的【跳转到】可以选择想要跳转的页面。

6.2.7 链接:

   选择【链接】事件,当前的场景页面在触发后可以跳转到任意一个指定的网页页面。点击右侧属性智能面板中的【跳转到】可以选择想要跳转的页面

6.2.8 文本:

   选择【文本】事件,当前的组件在触发后可以出现文本。点击右侧属性智能面板中的【文本】可以选择想要出现的文本字符,大小和位置等。

6.2.9 播放:

   选择【播放】事件,当前的场景页面在触发后可以跳转到任意一个指定的网页页面。点击右侧属性智能面板中的【跳转到】可以选择想要跳转的页面

6.3 连续的触发和事件

   对同一组件或容器可以进行连续的触发和事件。选择元素后可以反复点击添加事件】和【添加触发条件】,以增加多个触发和事件,提高页面的变化性。