2.4.2 行为:帧的行为

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

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

本案例在讲解帧的各种行为之前,已做好一些基础铺垫:

1)新建好图层0、图层1、图层2;
2)如图,在图层0第1帧时,在“舞台”上添加“第一帧”文字元素;

2.4-9_.png

图2.4-9

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

2.4-10_.png

图2.4-10

2.4-11_.png

图2.4-11

2.4-12_.png

图2.4-12

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

2.4-13_.png

图2.4-13

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

2.4-14_.png

图2.4-14

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

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

2.4-15_.png

图2.4-15

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

2.4-16_.png

图2.4-16

2.暂停

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

2.4-17_.png

图2.4-17

2.4-18_.png

图2.4-18

3.跳转至下一帧

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

2.4-19_.png

图2.4-19

2.4-20_.png

图2.4-20

4.跳转至上一帧

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

2.4-21_.png

图2.4-21

2.4-22_.png

图2.4-22

5.跳转并播放

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

2.4-23_.png

图2.4-23

2.4-24_.png

图2.4-24

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

2.4-25_.png

图2.4-25

6.跳转并停止

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

2.4-26_.png

图2.4-26

2.4-27_.png

图2.4-27

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

2.4-28_.png

图2.4-28

点击“预览”效果

2.4-29_.png

图2.4-29

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

2.4-30_.png

图2.4-30

点击“跳转并停止”按钮元素的“添加/编辑行为”按钮

2.4-31_.png

图2.4-31

在“编辑行为”对话框内点击“编辑”按钮,进入“参数”对话框内,改变参数属性:删除帧号“6”,选择“帧名称”为“第四帧”,点击“确认”。

2.4-32_.png

图2.4-32

2.4-33_.png

图2.4-33

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

2.4-34_.png

图2.4-34
 

0 个评论

要回复文章请先登录注册