帧的行为

帧的行为有“播放”“暂停”“下一帧”“上一帧”“跳转并播放”“跳转并停止”


本案例在讲解帧的各种行为之前,已做好一些基础铺垫:
1)新建好图层0、图层1、图层2;
2)如图,在图层0第1帧时,在“舞台”上添加“第一帧”文字元素;

3)同理,在图层0的第2帧放置“第二帧”文字元素,第3帧放置“第三帧”文字元素,第4帧放置“第四帧”文字元素;

4)在图层0第5至第18帧的位置,制作了一个矩形在舞台上由左向右移动的关键帧动画。

5)在图层1上添加一个矩形,设置其编辑行为为“暂停”,触发条件为“出现”,并在第1至5帧都有该“暂停”行为。

现在,我们以该案例来解释帧的行为:

1.播放

如图,点击回到时间轴上的第1帧,点击舞台上“播放”按钮元素的“添加/编辑行为”按钮,为其添加编辑行为。

在弹出的“编辑行为”对话框中选择:“动画播放控制”→“播放”→触发条件:点击。即设置好点击即播放的行为。

2.暂停

同理,点击“暂停”按钮元素的“添加/编辑行为”按钮,在弹出的“编辑行为”对话框中选择:“动画播放控制”→“暂停”→触发条件:点击。即设置好点击即暂停的行为。

3.跳转至下一帧

同理,为“舞台”上的“下一帧”按钮元素添加编辑行为:“动画播放控制”→“下一帧”→触发条件:点击。即设置好点击即跳转下一帧的行为。

4.跳转至上一帧

同理,为“舞台”上的“上一帧”按钮元素添加编辑行为:“动画播放控制”→“上一帧”→触发条件:点击。即设置好点击即跳转上一帧的行为。

5.跳转并播放

同理,为“舞台”上的“跳转并播放”按钮元素添加编辑行为:“动画播放控制”→“跳转到帧并播放”→触发条件:点击。点击“编辑”按钮,进入“参数”对话框

在“参数”对话框内填写“帧号”为“6”,点击“确认”。即设置了点击“舞台”上的“跳转并播放”按钮,即可跳转到第6帧并播放动画

6.跳转并停止

同理,为“舞台”上的“跳转并停止”按钮元素添加编辑行为:“动画播放控制”→“跳转到帧并停止”→触发条件:点击。点击“编辑”按钮,进入“参数”对话框

在“参数”对话框内填写“帧号”为“6”,点击“确认”。即设置了点击“舞台”上的“跳转并停止”按钮,即可跳转到第6帧并停止动画

可点击“预览”观察效果

我们还可通过关键帧命名的形式添加设置帧的行为。如图,点击选中时间轴上的第4帧,在“关键帧名”输入框内输入关键帧名为“第四帧”

点击“跳转并停止”按钮元素的“添加/编辑行为”按钮。在“编辑行为”对话框内点击“编辑”按钮,进入“参数”对话框内,改变参数属性:删除帧号“6”,选择“帧名称”为“第四帧”,点击“确认”。

点击“预览”,发现当点击“跳转并停止”按钮时,动画跳转至第4帧并停止。

观看本节视频教程:
http://cdn1.mugeda.com/course/3/3.4/3.4.2.mp4