手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何通过按钮切换图片(AS3)

时间:2024-10-12 20:48:08

1、我们用的是AnimateCC,新建AS3文档。

如何通过按钮切换图片(AS3)

2、可以找几张图片导入到舞台中,这里我们用矩形状形代替。这几张图片尺寸最好一致,保证效果。

如何通过按钮切换图片(AS3)

3、分别将这几张图片转换为影片剪辑,并分别设置实例荏半吨蛸名为image0,image1,image2设置好后对齐这几张图片。

如何通过按钮切换图片(AS3)
如何通过按钮切换图片(AS3)

4、接下来制作按钮。这里我们用影片剪辑制作按钮。

如何通过按钮切换图片(AS3)

5、设置这几个按钮的实例名分别为btn0,btn1,btn2

如何通过按钮切换图片(AS3)

6、接下来在主时间轴加如下代码: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;}

如何通过按钮切换图片(AS3)

7、运行后,通过点击按钮可以切换图片。

如何通过按钮切换图片(AS3)
© 手抄报圈