📄 按钮元件.htm
字号:
<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>在Windows操作系统中有着重要的作用，是我们与程序<font color="#800000">对话</font>的基本组件，常见的<font color="#800000">按钮</font>有确定、取消、最大化<img border="0" src="最大化.jpg" width="17" height="16">、最小化<img border="0" src="最小化.jpg" width="16" height="14">等，还有下拉按钮<img border="0" src="下拉按钮.jpg" width="17" height="16">，只要我们细心我们会在窗口中找到许许多多的按钮；<br>
<font color="#0000FF">一个按钮</font>有两个属性，一是<font color="#800000">外观形态</font>一是<font color="#800000">操作命令</font>，这两者一般相联系，我们首先来看形态；<br>
<font color="#0000FF">按钮的外观</font>一般是<font color="#800000">小方块<img border="0" src="方按钮.jpg" width="75" height="23"></font>或者是<font color="#800000">圆形<img border="0" src="圆按钮.jpg" width="42" height="42"></font>，在Flash动画中一般做成圆形的，所以在制作按钮组件时我们使用椭圆工具，一般不大用矩形工具；<br>
<font color="#0000FF">按钮</font>的形态跟鼠标有密切联系，鼠标在窗口中移动时，一般就是在寻找按钮。按钮的形态有三种，鼠标没有到来时的<font color="#800000">等待形态</font>（向上Up），鼠标<font color="#800000">到来的形态</font>（鼠标经过）和鼠标<font color="#800000">按下</font>（向下Down）的形态，这样至少需要<font color="#800000">三个</font>图片来制作按钮，分别放在三帧里；<br>
<font color="#0000FF">下面来看</font>一个例子，我们将制作一个圆形的按钮并通过<font color="#800000">鼠标</font>来实验一下；<br>
<font color="#0000FF"> 选择</font>“插入”菜单中的“新建元件”命令，新建一个以“圆按钮”为名称的<font color="#800000">按钮元件</font>，此时进入按钮编辑状态，我们发现按钮是由四个关键帧组成的，除了“向上”、“经过”、“向下”外还有一个确定按钮范围大小的关键帧“反应区”；
</p>
<p align="left" style="line-height: 150%; margin: 0"><img border="0" src="按钮元件.jpg" width="232" height="64"><br>
<font color="#0000FF">选择椭圆</font>工具用绿色画一个正圆，删去外边框，打开排序面板，按下“<font color="#800000">到场景</font>”（以场景为基准），再单击中间水平和垂直对齐圆。这是第一个形态，也就是鼠标还没有来，再在下一帧上插入关键帧，用油漆桶工具选一种亮绿色，也就是鼠标<font color="#800000">到来时</font>颜色变亮，这是第二个形态；<br>
<font color="#0000FF">在第三帧</font>上插入关键帧，选择一种暗绿色的颜色，这是<font color="#800000">按下时</font>的形态；<br>
<font color="#0000FF">我们</font>可以<font color="#800000">总结</font>一下，按钮的三种形态颜色是<font color="#800000">普通－亮－暗</font>的变化，立体的变化是<font color="#800000">平坦－凸起－凹下</font>，希望你能自由灵活利用。<br>
<font color="#0000FF">第四帧</font>先不使用（也就是先用默认值）<br>
<font color="#0000FF">单击</font>“场景1”返回到场景中，打开“<font color="#800000">库</font>”我们发现图库中有一个<font color="#800000">手指形</font>元件这就是我们的按钮，把它拖到工作区中（复制一个<font color="#800000">实例</font>到工作区），按Ctrl＋回车键测试影片，看一下当鼠标移向按钮时的<font color="#800000">形态变化</font>；<br>
<font color="#0000FF">按Ctrl＋W</font>键回到场景中，<font color="#800000">双击按钮</font>进入组件编辑工作区，我们来使用第四帧，选择第四帧，插入关键帧，用<font color="#800000">自由转换工具</font>将第四帧的圆拖大一些，按Ctrl＋回车键测试影片，再用鼠标试一试按钮，可以发现按钮的颜色变化范围变大了，第四帧的作用就像<font color="#800000">遮罩层</font>一样，用来控制按钮的作用区，默认是同样大小；
</p>
<p align="left" style="line-height: 150%; margin: 0">
<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">
<font color="#0000FF"> 本节</font>学习了按钮的制作方法，如果你成功地完成了练习，请继续学习下一课内容。</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 + -