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

2025-10-16 20:04:07

1、我们用的是Animate CC,新建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)

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢