按鈕的變化

 

按鈕的基本結構

Flash的按鈕元件變化非常的多樣性,不過我們要先來了解按鈕的基本結構

請同學延續上一課程的教材進度,用右鍵點選"enter"按鈕,再選擇選單視窗的編輯,進入該按鈕元件的編輯介面,如 圖1


圖1

 

我們進入該Button的編輯介面可以從時間軸發現按鈕有四種狀態影格,分別是"一般"、"滑入"、"按下"、"感應區"

一般
就是滑鼠游標尚未移到按鈕,或是從按鈕離開後,按鈕的呈現模 樣,也就是最原先的狀態

滑入
就是滑鼠游標移到按鈕上方時,按鈕的呈現模樣

按下
就是滑鼠游標移到按鈕上方,再按下左鍵時,按鈕的呈現模樣

感應區
就是按鈕對滑鼠游標的感應範圍 ,如 圖2 為例,如果我們產生一個"中"字,並且把它轉為 Button按鈕,我們在測試影片預覽時,會發現當我們把游標移到字中間時,圖示並不會變成手指頭。必須將游標壓在字上面,游標圖示才會變手指頭。
變成手指頭的情況下,動作才能執行

這個表示這個"中"按鈕的感應區就是一個中字


圖2

我們可以在感應區影格,插入關鍵影格,畫一個有填色的色塊來改變按鈕的感應範圍,讓 按鈕感應滑鼠游標變得更大,更容易 如 圖3


圖3

感應範圍的圖形,只會讓改變游標感應的範圍,它並不會顯現出來,所以這個色塊在測試影片或發佈網頁後是看不見的

 

測試影片預覽時,會發現當我們把游標移到字中間時,圖示就會變成手指頭。如圖 4


圖 4

 

按鈕的變化

確定現在是在enter按鈕的編輯介面上

請在"滑入"影格插入關鍵影格,如圖 5


圖 5

在"滑入"影格,再去改變舞台上的Enter按鈕的形狀、文字及填色, 如 圖6


圖 6


再回到場景來,執行測試影片用滑鼠移到按鈕,再按下去看看 按鈕是否有變化

 

 


Flash版本,按鈕也有其軸心,所以也可以加入導引線圖層來做有路徑的動畫,只是沒有必要做這樣的功能,來讓網友追著按鈕跑,此功能知道就可以了!!

 

回課程目錄