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