当前位置 - 股票行情交易網 - 金融財經 - 如何用flash中的按鈕制作相冊,切換圖片?

如何用flash中的按鈕制作相冊,切換圖片?

如何通過按鈕切換圖片(AS3)

這裏用的是Animate?CC,新建AS3文檔。

請點擊輸入圖片描述

可以找幾張圖片導入到舞臺中,這裏我們用矩形狀形代替。這幾張圖片尺寸最好壹致,保證效果。

請點擊輸入圖片描述

分別將這幾張圖片轉換為影片剪輯,並分別設置實例名為image0,image1,image2

設置好後對齊這幾張圖片。

請點擊輸入圖片描述

請點擊輸入圖片描述

接下來制作按鈕。這裏我們用影片剪輯制作按鈕。

0FLASH CS6中如何將影片剪輯用作按鈕(AS3版)

請點擊輸入圖片描述

設置這幾個按鈕的實例名分別為btn0,btn1,btn2

請點擊輸入圖片描述

接下來在主時間軸加如下代碼:

var image_index:int=0;

var image_count:int=3;

initImage();

function initImage():void

{

for(var i:int=0;i<image_count;i++)

{

if(i!=image_index)

{

this["image"+i].visible=false;

}

this["btn"+i].addEventListener(MouseEvent.CLICK,ChangeImage);

}

this["btn"+image_index].gotoAndStop(2);

}

function ChangeImage(e:MouseEvent):void

{

var obj:Object=e.currentTarget;

var t:int=int(obj.name.slice(3));

if(t==image_index)

{

return;

}

this["btn"+image_index].gotoAndStop(1);

this["image"+image_index].visible=false;

image_index=t;

obj.gotoAndStop(2);

this["image"+image_index].visible=true;

}

請點擊輸入圖片描述

運行後,通過點擊按鈕可以切換圖片。

請點擊輸入圖片描述