-
大师讲解如何通过按钮切换图片(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文档。
可以找几张图片导入到舞台中,这里我们用矩形状形代替。这几张图片尺寸最好一致,保证效果。
分别将这几张图片转换为影片剪辑,并分别设置实例名为image0,image1,image2
设置好后对齐这几张图片。
接下来制作按钮。这里我们用影片剪辑制作按钮。
设置这几个按钮的实例名分别为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;
}
运行后,通过点击按钮可以切换图片。
注意事项
必须AS3文档。
有什么问题都可以留言。
猜您喜欢
- 如何通过代理IP加强您的密码安全防护..2024-04-25
- 如何解决笔记本小键盘失灵,简单一招..2024-04-07
- 如何轻松使用alook看百度网盘视频,一..2024-04-07
- Edge浏览器提示:文件类型危险,如何..2024-04-07
- 如何设置Edge浏览器主页,让你的浏览..2024-04-05
- 如何玩转绝对值符号?这个技巧让你的..2024-04-05
相关推荐
- ai怎么制作表格,ai怎么制作表格并填色..2020-12-22
- Win11系统禁止“显示更多选项”菜单的..2022-11-28
- ps怎么把字去掉不伤背景 ps怎么去水印..2017-07-26
- 2020抖音最火网名分享,让人过目不忘..2021-03-29
- Win11新功能:轻松掌握区域截图设置,..2023-12-17
- win11系统dns异常无法上网怎么修复设置..2023-09-12