系统吧 专业的电脑操作系统,支持重装各种原版系统xp/win7/win8/win10 这个系统怎么样?试试系统吧系统,体验办公系统畅快愉悦感。 各种电脑系统安装过程一样,神一般的畅快!
-->
当前位置:主页 > 电脑技术 >

大师讲解如何通过按钮切换图片(AS3)

作者:郭桂蓉 分类:电脑技术 发布时间:2017-09-08 04:17:56

电脑现已成为我们工作、生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到如何通过按钮切换图片(AS3)的问题,如果我们遇到了如何通过按钮切换图片(AS3)的情况,该怎么处理怎么才能解决如何通过按钮切换图片(AS3)带来的困扰呢,对于这样的问题其实我们只需要FLASH CS3及以上版本我们用的是AnimateCC,新建AS3文档。可以找几张图片导入到舞台中,这里我们用矩形状形代替。这几张图片尺寸最好一致,保证效果。分别将这几张图片转...

电脑现已成为我们工作、生活和娱乐必不可少的工具了,在使用电脑的过程中,可能会遇到如何通过按钮切换图片(AS3)的问题,如果我们遇到了如何通过按钮切换图片(AS3)的情况,该怎么处理怎么才能解决如何通过按钮切换图片(AS3)带来的困扰呢,对于这样的问题其实我们只需要FLASH CS3及以上版本我们用的是AnimateCC,新建AS3文档。可以找几张图片导入到舞台中,这里我们用矩形状形代替。这几张图片尺寸最好一致,保证效果。分别将这几张图片转换为影片剪辑,并分别设置实例名为image0,image1,image2设置好后对齐这几张图片。接下来制作按钮。这里我们用影片剪辑制作按钮。设置这几个按钮的实例名分别为btn0,btn1,btn2接下来在主时间轴加如下代码这样就解决了这样的问题,接下来给大家带来如何通过按钮切换图片(AS3)的详细操作步骤。

工具/原料

FLASH CS3及以上版本

方法/步骤

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

大师讲解如何通过按钮切换图片(AS3)

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

大师讲解如何通过按钮切换图片(AS3)

分别将这几张图片转换为影片剪辑,并分别设置实例名为image0,image1,image2

设置好后对齐这几张图片。

大师讲解如何通过按钮切换图片(AS3)

大师讲解如何通过按钮切换图片(AS3)

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

大师讲解如何通过按钮切换图片(AS3)

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

大师讲解如何通过按钮切换图片(AS3)

接下来在主时间轴加如下代码:

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)

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

大师讲解如何通过按钮切换图片(AS3)

注意事项

必须AS3文档。
有什么问题都可以留言。

xp 更多>>
win7 更多>>
win8 更多>>
win10 更多>>
U盘 更多>>
电脑技术 更多>>
网站地图 | 豫ICP备2021035069号-4 | 友情链接qq:191064436
系统吧

版权所有 © 2012-2023 系统吧 免责声明:本站资源均收集于互联网,其著作权归原作者所有,如果有侵犯您权利的资源,请来信告知,我们将及时删除相应资源。