實(shí)例:通過(guò)按鈕控制圖片大小和深淺
在Flash中,我們可以通過(guò)按鈕來(lái)進(jìn)行各種控制操作。本文將通過(guò)一個(gè)簡(jiǎn)單的實(shí)例,展示如何通過(guò)點(diǎn)擊按鈕來(lái)實(shí)現(xiàn)圖片的放大、縮小以及深淺的改變。步驟一:導(dǎo)入并對(duì)齊圖片1. 在舞臺(tái)中導(dǎo)入一張圖片,并選擇“垂直居
在Flash中,我們可以通過(guò)按鈕來(lái)進(jìn)行各種控制操作。本文將通過(guò)一個(gè)簡(jiǎn)單的實(shí)例,展示如何通過(guò)點(diǎn)擊按鈕來(lái)實(shí)現(xiàn)圖片的放大、縮小以及深淺的改變。
步驟一:導(dǎo)入并對(duì)齊圖片
1. 在舞臺(tái)中導(dǎo)入一張圖片,并選擇“垂直居中分布”和“水平居中分布”選項(xiàng),讓圖片與舞臺(tái)對(duì)齊。建議舞臺(tái)大小與圖片大小一致。
2. 將圖片右鍵點(diǎn)擊,選擇“轉(zhuǎn)換為元件”并命名為“圖片”。
步驟二:導(dǎo)入并對(duì)齊邊框
1. 新建一個(gè)圖層,命名為“邊框”,并導(dǎo)入邊框圖片。
2. 在對(duì)齊面板中選擇“匹配寬度”和“匹配高度”,使邊框與舞臺(tái)大小一致。然后,再次使用“垂直居中分布”和“水平居中分布”選項(xiàng),將邊框與舞臺(tái)對(duì)齊。
步驟三:設(shè)置圖片實(shí)例屬性
1. 選中舞臺(tái)上的圖片實(shí)例,打開(kāi)屬性面板。
2. 在實(shí)例名中寫入:“圖片”。
步驟四:添加按鈕
1. 新建一個(gè)圖層,命名為“按鈕”。
2. 打開(kāi)窗口菜單,選擇“公用庫(kù)”,找到并選擇你喜歡的按鈕樣式,并將其放置在邊框底部。
步驟五:編輯按鈕元件
1. 雙擊按鈕,進(jìn)入元件編輯頁(yè)面。
2. 解鎖“text”圖層,點(diǎn)擊按鈕上的文字,將其改為“大”。
3. 在庫(kù)面板中,選中按鈕元件,右鍵點(diǎn)擊并選擇“直接復(fù)制”,復(fù)制出三個(gè)相同的按鈕。
步驟六:調(diào)整按鈕位置
將復(fù)制出的三個(gè)按鈕分別拖入邊框底部,并將它們的文本內(nèi)容依次更改為:“小”、“深”和“淺”。
步驟七:添加按鈕腳本
1. 選中“大”按鈕,在動(dòng)作面板中輸入以下腳本:
on (release) {
圖片._xscale 10;
圖片._yscale 10;
}
這段腳本表示當(dāng)鼠標(biāo)按下“大”按鈕時(shí),圖片的橫向和縱向比例都增加10。
2. 類似地,對(duì)于按鈕“小”的腳本,你應(yīng)該已經(jīng)知道怎么寫了吧。
步驟八:操作深淺按鈕
對(duì)于“深”和“淺”按鈕,我們需要改變圖片的透明度。
1. 在深淺按鈕的腳本中,將原來(lái)“大”按鈕的腳本中的縮放比例部分改為“alpha”,如下所示:
on (release) {
圖片._alpha - 10;
}
這段腳本表示當(dāng)鼠標(biāo)按下“深”或“淺”按鈕時(shí),圖片的透明度減少10。
通過(guò)以上的步驟,我們實(shí)現(xiàn)了通過(guò)按鈕來(lái)控制圖片的大小和深淺。你可以根據(jù)自己的需求進(jìn)行進(jìn)一步的修改和擴(kuò)展。