在高级模式下,您可在时间轴顶部的事件轨道中使用事件标记和事件标签将时间轴动画与事件关联起来。借助事件标记,您可在时间轴上的特定时间点触发事件;借助事件标签,您可设置用于控制动画的事件。
由于视频广告不支持事件,因此视频广告时间轴不包含事件轨道。
事件标记
基于时间轴的事件是通过在事件轨道中使用事件标记来设置的。当动画的进度条指针触及时间轴上的事件标记时,相应事件就会被触发。
向时间轴添加事件标记
请使用下述方法之一:
- 右键点击相应的事件轨道(您想在其中添加该事件标记),然后从弹出式菜单中选择添加事件。
- 在时间轴上点击您想要添加事件标记的位置,或将进度条指针移至该位置,然后在事件轨道中点击添加事件按钮 。
向事件标记添加事件
请使用下述方法之一:
- 双击该事件标记。系统即会打开“事件”对话框并跳至其中的操作选择步骤。
- 右键点击该事件标记,然后从弹出式菜单中选择向标记中添加事件…。系统即会打开“事件”对话框并跳至其中的操作选择步骤。
- 在“事件”面板中,点击添加事件按钮 打开“事件”对话框,以便添加新事件。对于“目标”,请选择相应动画元素的父级元素(通常为相应页面);对于“事件”,请选择该事件标记。
在事件标记中修改事件
右键点击该事件标记,然后从弹出式菜单中的列表内选择您要更改的事件。
移除事件标记
右键点击您想要移除的事件标记,然后从弹出式菜单中选择删除事件标记。此操作会一并删除由该事件标记触发的所有事件。
如需删除单个事件,请使用事件面板。
重命名事件标记
- 右键点击您想重命名的事件标记,然后从弹出式菜单中选择修改事件标记名称…。
- 输入新名称。
- 按 Enter 键。
移动事件标记
将该事件标记拖动到时间轴上的新位置。
事件标签
事件标签是指时间轴上已命名的位置。如果您想使用事件将进度条指针移动到时间轴上的某个特定位置,则需为对应的关键帧指定标签。
向事件轨道添加事件标签
请使用下述方法之一:
- 在时间轴上点击您想要添加标签的位置,或以其他方式将进度条指针移至该位置,然后在“事件”层上点击添加标签按钮 。Google Web Designer 随即会分配一个常规标签名称。
- 如需指定标签名称,请执行以下操作:
- 右键点击事件轨道中您想要添加标签的位置,然后从弹出式菜单中选择添加标签…。
- 在弹出式对话框中输入标签名称。
- 按 Enter 键。
移除事件标签
右键点击您想要移除的标签,然后从弹出式菜单中选择删除标签。此操作会一并删除所有已配置为使用该事件标签的事件。
重命名事件标签
- 右键点击您想重命名的标签,然后从弹出式菜单中选择修改标签…。
- 输入新名称。
- 按 Enter 键。
移动事件标签
将该事件标签拖动到时间轴上的新位置。
操作
以下时间轴操作可由其他事件触发:
操作 | 配置选项 |
---|---|
pause |
无
|
play |
无
|
togglePlay |
无
|
gotoAndPlay |
标签 - 用于标记动画播放起始位置的事件标签。 |
gotoAndPlayNTimes |
|
gotoAndPause |
标签 - 用于标记动画播放起始位置的事件标签。 |
用于暂停动画的自定义时间轴操作(pause、togglePlay 和 gotoAndPause)应使用以下语法:
gwd.actions.timeline.pause('
<elementID>');