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

 时间:2026-02-14 13:37:13

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)

  • from对象如何使用enctype属性?
  • Flash中事件流概念解析
  • ps实用教程:运用ps将田园风景转为唯美的油画
  • ps套索工具功能介绍,ps-37节
  • Flash如何快速得到质感的立体按钮
  • 热门搜索
    阜阳旅游景点大全 从江旅游 龙庆峡旅游 冬季适合去哪里旅游 高州旅游景点大全 凤凰旅游路线 广东湛江旅游景点 霞浦旅游景点大全 苏州杭州旅游攻略 武当山旅游网