FLASH教学—按钮控制(二).doc

FLASH教學—按鈕控制(二) 上一節有稍微介紹一下按鈕基本的使用，這一節就來介紹按鈕與影片片段配合的應用。 總括來講按鈕配合影片片段大致上已經可以做出好幾樣東西，如：下拉式選單、各式捲軸、滑鼠游標、物件狀態控制（如放大縮小）、流程控制等，這裡只簡單介紹其中幾樣，因為日後還會針對每樣應用做更詳細、更多樣的解說。 一、下拉式選單 現在我們要做一個三層的下拉式選單，要怎麼做呢？我們這次用比較不一樣的方法，我們不將物件丟進按鈕，直接將丟在場景中的物件設定為按鈕。 首先做好一個帶弧角的方形（工具列的左下角有個可設定轉角的弧度），直接將它丟進場景中，這個圖層是主要的選單。把這個圖層複製兩個圖層，分別用來做第二及第三個選單，第二個圖層讓它從一～五個影格做移動漸變，移動到第一個選單的下面；第三個圖層讓它從一～九個影格做移動漸變，移動到第二個選單的下面。第一個選單的物件上按兩下／定義，在性質的地方設定為按鈕。讓第一個選單的第一格和最後一格都有關鍵影格，第一個關鍵影格中的物件上按兩下，設定當滑鼠按下時跳至第二個影格並播放，最後一個影格的物件則設定當滑鼠按下時跳至第一個影格。 記得第一個影格及最後一個影格都要設停止。這樣就是一個下拉式選單的基本形。下拉式選單日後會做更多樣的應用解說。  HYPERLINK /flash/teach/flash/2_2_1.fla 原始檔下載二、物件狀態控制 現在我們做一個能夠控制物件的高、寬、位置等的FLASH。 首先做一個要控制的元件，為了讓它顯得活潑一點，我們再加上一些動畫做成影片片段。 把這個影片片段丟進場景中，給它一個名字「q」。 我們做一些按鈕放進去場景中，放在中間的是控制上、下、左、右的；放在右邊的是控制寬度的；放在左邊的是控制高度的。 以控制往上的按鈕來講，就設定：於 (按下) 　　　　　　　　　　　　　　　　設定變數: y = GetProperty (/q,_y )　　　　　　　　　　　　　　　　如果 (y = 70)　　　　　　　　　　　　　　　　　設定變數: y = y-5　　　　　　　　　　　　　　　　結束如果　　　　　　　　　　　　　　　　設定內容 (/q，Y 位置) = y　　　　　　　　　　　　　　　結束於 其中設置「如果」是為了讓「q」 不超出框框中。 其它按鈕的設定也是大同小異，但是在調整高、寬的時候要注意，抓寬的變數是_xscale不是_weight；抓高的變數是_yscale不是_height，這兩個都是以百分比表示；像假設要回復原始狀態，只要把X、Y縮放調整100。 物件狀態控制日後會做更多樣的應用解說。 HYPERLINK /flash/teach/flash/2_2_2.fla 原始檔下載三、簡易捲軸：以兩個按鈕控制捲軸的上下。首先我們先做兩個按鈕、一段垂直移動的影片片段，影片片段的第一個影格記得停止。 將按鈕及影片片段丟進場景中的不同圖層裡，並給影片片段一個名稱「aaa」。 為了要好看起見，在影片片段下面放一個背景。設定往上的按鈕：於 (滑過)　　　　　　　　　開始告知目標 (/aaa)　　　　　　　　　　前往上一個影格　　　　　　　　　結束告知目標　　　　　　　　　結束於 設定往下的按鈕：於 (滑過)　　　　　　　　　開始告知目標 (/aaa)　　　　　　　　　　前往下一個影格　　　　　　　　　結束告知目標　　　　　　　　　結束於 為了能夠讓這個滑鼠移到上面就觸發的動作「持續進行」，因此我們要讓按鈕這個圖層有兩個關鍵影格，由於它一、二、一、二來回地跑才能做出持續的動作。由於我們剛剛是設定「前往下一個目標」，移開時它就會自動停止，要讓它場景中的動作再進行，要再加上一行，於是就變成：設定往上的按鈕：於 (滑過)　　　　　　　　　開始告知目標 (/aaa)　　　　　　　　　　前往上一個影格　　　　　　　　　結束告知目標　　　　　　　　　前往下一個影格　　　　　　　　　結束於設定往下的按鈕：於 (滑過)　　　　　　　　　開始告知目標 (/aaa)　　　　　　　　　　前往下一個影格　　　　　　　　　結束告知目標　　　　　　　　　前往下一個影格　　　　　　　　　結束於這是第一個影格的設定，至於第二個影格的設定當然就改成前往上一個影格囉！捲軸部份日後會做更多樣的應用解說。 HYPERLINK /flash/teach/flash/2_2_3.fla 原始檔下載四、簡易鼠標 鼠標的製作大致上有兩種方法，拖曳影片片段及雪花片片飛，這裡為了強調按鈕與影片片段的互動，製作一個雪花片片飛的鼠標的FLASH。這方面在按