如何通过按钮切换图片(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如何快速得到质感的立体按钮
  • 热门搜索
    东莞旅游社 广州旅游地图 潮州旅游景点大全 中山旅游网 南京旅游路线 苏州三山岛旅游攻略 大同旅游攻略 天津旅游团 辽源旅游 金门岛旅游