这里用的是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;
}
运行后,通过点击按钮可以切换图片。