如何用按钮控制元件宽度变化(AS3)

 时间:2024-11-02 16:31:06

按钮元件的使用,增加了互动的趣味性,在这里我们通过两个按钮控制元件的宽度变化。

工具/原料

FLASHCS3及以上版本软件

方法/步骤

1、这里我们用的是AnimateCC,新建AS3文档。

如何用按钮控制元件宽度变化(AS3)

2、在舞台上画一个矩形形状,并转换为影片剪辑,注意注册点要在中心位置。

如何用按钮控制元件宽度变化(AS3)

如何用按钮控制元件宽度变化(AS3)

3、给这个影片剪辑设置实例名为mc

如何用按钮控制元件宽度变化(AS3)

4、制作两个按钮,如下图所示

如何用按钮控制元件宽度变化(AS3)

如何用按钮控制元件宽度变化(AS3)

如何用按钮控制元件宽度变化(AS3)

5、分别设置实例名为btn0,btn1

如何用按钮控制元件宽度变化(AS3)

如何用按钮控制元件宽度变化(AS3)

6、在主时间轴加如下代码:varisJia:Boolean=false;btn0.a蟠校盯昂ddEventListe荏鱿胫协ner(MouseEvent.MOUSE_DOWN,JianEvent);btn0.addEventListener(MouseEvent.MOUSE_UP,StopEvent);btn1.addEventListener(MouseEvent.MOUSE_DOWN,JiaEvent);btn1.addEventListener(MouseEvent.MOUSE_UP,StopEvent);functionJianEvent(e:MouseEvent):void{ isJia=false; mc.addEventListener(Event.ENTER_FRAME,ChangeWidth);}functionJiaEvent(e:MouseEvent):void{ isJia=true; mc.addEventListener(Event.ENTER_FRAME,ChangeWidth);}functionStopEvent(e:MouseEvent):void{ mc.removeEventListener(Event.ENTER_FRAME,ChangeWidth);}functionChangeWidth(e:Event):void{ if(isJia==false) { if(mc.width>10) { mc.width-=1; } } else { if(mc.width<500) { mc.width+=1; } }}

如何用按钮控制元件宽度变化(AS3)

7、运行后,就可以看到点击两个按钮分别让矩形变形的效果了。

如何用按钮控制元件宽度变化(AS3)

如何用按钮控制元件宽度变化(AS3)

C++控制台小程序 两数比较大小 for,while,do-while循环流程图的的画法总结 程序调试 No such file or directory 怎么写决单片机的按键处理1? Python:怎么使用calendar模块的weekday方法
热门搜索
牛郎织女的图片 食物图片简笔画 女生漫画图片 隶书图片 文玩核桃图片