如何用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;
}
請點擊輸入圖片描述
運行後,通過點擊按鈕可以切換圖片。
請點擊輸入圖片描述