📄 ֡
字号:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>帧动作和按钮动作</title>
</head>
<body bgcolor="#CCFFFF">
<p align="center"><font color="#FF0000" size="6" face="华文中宋"><b>Flash</b>
</font><font face="华文彩云" color="#FF0000" size="6"> 基础</font></p>
<p align="left" style="line-height: 150%; margin: 0"><font face="黑体"><font size="1" color="#008000"><本课必须</font><font SIZE="1" color="#800000">付费</font><font SIZE="1" color="#008000">才能使用，付出才有收获，劳动最光荣></font></font>
</p>
<p align="left" style="line-height: 150%; margin: 0"><font color="#0000FF" size="4">十九、帧动作和按钮动作</font><br>
<font color="#0000FF">动作</font>是指当满足某一个<font color="#800000">条件</font>时，影片所作出的<font color="#800000">响应</font>，如停止、提示、声音等等，在Flash中包括<font color="#800000">帧动作</font>和<font color="#800000">按钮动作</font>，专门有一个<font color="#800000">动作面板</font>来设定；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">帧动作</font>是指当影片播放到某一帧时，所产生的<font color="#800000">动作</font>，设定的方法是在帧上敲<font color="#800000">右键</font>，选择“<font color="#800000">动作</font>”命令，此时将弹出<font color="#800000">动作</font>面板；
</p>
<p align="left" style="line-height: 150%; margin: 0"><img border="0" src="帧面板.jpg" width="166" height="202"><img border="0" src="帧面板右.jpg" width="126" height="38">
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">动作面板</font>的<font color="#800000">左侧</font>是各类动作列表，<font color="#800000">右边</font>空白是已经设定的动作，在左侧<font color="#800000">双击</font>一个动作就能够添加到右侧的面板中，在这一帧上会出现一个“<font color="#800000">a</font>”<img border="0" src="动作帧.jpg" width="10" height="20">，表示这一帧上<font color="#800000">有动作</font>；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">下面</font>来看一个例子，当影片播放到某一帧时就显示<font color="#800000">帧序号</font>。
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">启动Flash</font>，将影片<font color="#800000">速度</font>设为1帧，选择文本工具，在场景中央<font color="#800000">单击</font>一下鼠标（不要拖动），此时在场景中就会有一个<font color="#800000">文本框</font>出现，打开<font color="#800000">属性</font>面板设定好颜色和大小为36，再将“静态文本”<img border="0" src="静态文本.jpg" width="101" height="20">改为“<font color="#800000">动态</font>文本”，保持“单行”不变，在“<font color="#800000">变量</font>”中起个名字<font color="#800000">x</font>
<img border="0" src="变量.jpg" width="162" height="22">，设定好后，接下来从第二帧到第五帧每一帧都插入<font color="#800000">关键帧</font>；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">下面</font>为五个帧添加<font color="#800000">帧动作</font>，在文本框中显示出第几帧来；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">选中第1帧</font>，单击<font color="#800000">右键</font>选择“动作”（或者时“窗口”菜单中的“动作”命令）打开动作面板，用鼠标在工作区空白处单击一下完成动态文本框的创建；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">单击</font>左侧的“Action”（<font color="#800000">动作</font>）打开<font color="#800000">动作层次</font>，再单击下面的“Variables”在下面找到“<font color="#800000">set
variable</font>”命令；
</p>
<p align="left" style="line-height: 150%; margin: 0"><img border="0" src="设定变量.jpg" width="195" height="198"><img border="0" src="需要数值.jpg" width="144" height="34">
<img border="0" src="输入数值.jpg" width="76" height="48">
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF"></font><font color="#0000FF">双击</font>这个命令，添加到右边的命令行中，有一个醒目的<font color="#800000">红色</font>，提醒我们要输入参数，在面板右上边“<font color="#800000">变量</font>”中输入<font color="#800000">x</font>，也就是我们的<font color="#800000">动态</font>文本框的名字，在<font color="#800000">数值</font>中输入<font color="#800000">1</font>，也就是这是第一帧；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">同样</font>再选中第二帧，双击“<font color="#800000">set
variable</font>”，变量还是设为x，数值应该输入<font color="#800000">2</font>，也就是这是第二帧；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">同样</font>设定后面三帧的动作，需要<font color="#800000">注意</font>数值的输入；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF"></font>再回到第一帧画一个<font color="#800000">红色</font>小球，第二帧画<font color="#800000">黄色</font>，第三帧画<font color="#800000">蓝色</font>，第四帧画<font color="#800000">绿色</font>，第五帧画<font color="#800000">紫色</font>。这样就有五个不同的帧；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">保存</font>一下文件，按Ctrl和回车键测试影片，可以发现当播放到某一帧时，就会显示出这一帧的序号；
</p>
<p align="left" style="line-height: 150%; margin: 0">
<font color="#0000FF">按钮</font><font color="#800000">动作</font>跟帧动作类似，它主要是<font color="#800000">鼠标</font>动作，也就是鼠标的单击、双击、拖动等；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">下面</font>通过一个例子来看一下，继续上一个影片，选中第一帧，再动作面板中打开“Action”里的“Move
Control”，找到“<font color="#800000">stop</font>”停止，双击给帧加一个停止动作，其他帧也同样加上“停止”动作，这样播放到每个帧都会停下来等待；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">打开</font>“窗口”菜单中的“共享库”选择<font color="#800000">button</font>（按钮组件），里面有许多按钮包，<font color="#800000">双击</font>打开包，挑一个喜欢的按钮（比如<font color="#800000">gel
right</font>），拖到场景中第一帧里，在动作面板中，打开“Action”找到“Move
Control”里的“<font color="#800000">on</font>”命令双击加入（on就是当鼠标在上面时），下面的参数一般默认是“<font color="#800000">释放</font>”也就是鼠标单击以后的意思，然后再在左侧找到“<font color="#800000">play</font>”双击加入到右边的命令行中，整个的命令就是当鼠标单击以后就play（播放）；
</p>
<p align="left" style="line-height: 150%; margin: 0">
<font color="#0000FF">将这个</font>按钮复制到各个帧里，用“<font color="#800000">粘贴到当前位置</font>”命令，这样每一帧里都有一个按钮了；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">保存一下</font>文件，按<font color="#800000">Ctrl和回车键</font>，测试一下影片，看看效果如何；
</p>
<p align="left" style="line-height: 150%; margin: 0"> <font color="#0000FF">本节</font>主要讲述了帧动作和按钮动作，帧动作要先选择一个关键帧，按钮动作要先选择一个按钮，动态文本有一个变量名，文本框的内容随着变量的值改变而改变。
</p>
<p align="left" style="line-height: 150%; margin: 0">
（如果没有出现变化的数字，请安装Flash网页插件）
</p>
<p align="left" style="line-height: 150%; margin: 0"> <br>
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH=250 HEIGHT=140>
<param name="Movie" value="动作命令.swf">
<param name="Src" value="动作命令.swf">
<param name="Loop" value="1">
<param name="BGColor" value><embed src="动作命令.swf" quality="high" bgcolor="#FFFFFF" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</OBJECT>
</p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"></p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font SIZE="1" color="#008000">
本教程由86团学校TeliuTe制作|著作权所有，不得用于商业用途
</font>
</p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font SIZE="1" color="#008000">
美丽的校园……
</font>
</p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -