?? 按鈕元件.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 + -