FLASH CS3 - 放大縮小設計 -if ... else

放大縮小設計
影片的元件
1. 按 Ctrl + F8 / 建立影片元件：Photo
2. 選取檔案【功能表】/ 選 匯入【清單項目】/ 匯入至元件庫
3. 按 Ctrl + I / 設定圖片大小 / 設定中心點對齊
鏡框的元件
1. 按 Ctrl + F8 / 建立圖像元件：BORDER
2. 選矩形工具 / 繪製一個方框面【比圖片大一點】
遮色片的元件
1. 按 Ctrl + F8 / 建立圖像元件：MASK
2. 選矩形工具 / 繪製一個方框面【比圖片大一點】
按鈕的元件
按 Ctrl + F8 / 建立按鈕元件：LF_BT、RF_BT、 UP_BT、DN_BT

註： 按鈕影格說明
Up：一般正常顯示 Over：滑鼠滑入
Down：按下滑鼠左鍵 Hit：執行範圍
場景的設計
1. 建立六個圖層：指令、按鈕、座標、邊框、遮色片、影片
2. 選圖層：影片/ 按Ctrl + L / 選影片元件：Photo至場景中
3. 選影片元件：Photo / 屬性 / 設定實體名稱：photo_mc。
4. 選圖層：遮色 / 按Ctrl + L / 選圖像元件：Mask至場景中
5. 選 圖層名稱 / 按右鍵 / 選取遮色片
註：與圖像元件：Photo重疊。
6. 選圖層：按鈕 / 選按鈕元件：LF_BT、RF_BT、DN_BT、UP_BT至場景中
7. 分別設定實體名稱：lf_bt , rf_bt,up_bt,down_bt。
8. 選圖層：邊框 / 按Ctrl + L / 選圖像元件：boder至場景中
9. 選圖層：座標 / 請自行增加X,Y,W,H等靜態文字 , 請自行增加txtx,txty,txtw,txth等動態文字
10. 選圖層：指令 / 選取第一個影格 / 按 F9 / 加入下列指令
var myx = photo_mc.x;
var myy = photo_mc.y;
var myw = photo_mc.width;
var myh = photo_mc.height;

txtx.text=myx;
txty.text=myy;
txtw.text=myw;
txth.text=myh;

add_bt.addEventListener("click",add_photo);
sub_bt.addEventListener("click",sub_photo);
rf_bt.addEventListener("click",rf_photo);
lf_bt.addEventListener("click",lf_photo);
up_bt.addEventListener("click",up_photo);
down_bt.addEventListener("click",down_photo);

function add_photo(me:MouseEvent){
myw = photo_mc.width;
myh = photo_mc.height;
myw += 5;
myh += 5;
photo_mc.width=myw;
photo_mc.height=myh;
txtw.text=myw;
txth.text=myh;
}

function sub_photo(me:MouseEvent){
myw = photo_mc.width;
myh = photo_mc.height;
myw -= 5;
myh -= 5;
if(myw<25){
myw=20;
}
else{
photo_mc.width=myw;
photo_mc.height=myh;
}
txtw.text=myw;
txth.text=myh;
}

function rf_photo(me:MouseEvent){
myx = photo_mc.x;
myx += 10;
if(myx>500){
myx=500;
}
photo_mc.x=myx;
txtx.text=myx;
}

function lf_photo(me:MouseEvent){
myx = photo_mc.x;
myx -= 10;
if(myx<170){
myx=170;
}
photo_mc.x=myx;
txtx.text=myx;
}

function up_photo(me:MouseEvent){
myy = photo_mc.y;
myy -= 10;
if(myy<40){
myy=40;
}
photo_mc.y=myy;
txty.text=myy;
}

function down_photo(me:MouseEvent){
myy = photo_mc.y;
myy += 10;
if(myy>280){
myy=280;
}
photo_mc.y=myy;
txty.text=myy;
}
Ctrl + Enter：執行動畫測試