使用按鈕控制元件寬度變化的方法
在電腦界,按鈕元件的使用可以增加互動的趣味性。在本文中,我們將介紹如何通過兩個按鈕來控制元件的寬度變化。具體操作步驟如下: 步驟一:創(chuàng)建新的AS3文檔 首先,在Animate CC中新建一個AS3
在電腦界,按鈕元件的使用可以增加互動的趣味性。在本文中,我們將介紹如何通過兩個按鈕來控制元件的寬度變化。具體操作步驟如下:
步驟一:創(chuàng)建新的AS3文檔
首先,在Animate CC中新建一個AS3文檔。
步驟二:繪制矩形并轉(zhuǎn)換為影片剪輯
在舞臺上畫一個矩形形狀,并將其轉(zhuǎn)換為影片剪輯。請確保注冊點位于矩形的中心位置。
步驟三:給影片剪輯設(shè)置實例名和按鈕
為這個影片剪輯設(shè)置一個實例名,例如"mc"。然后制作兩個按鈕,分別設(shè)置實例名為"btn0"和"btn1"。
步驟四:添加代碼到主時間軸
在主時間軸中添加以下代碼:
var isJia:Boolean false;
(_DOWN, JianEvent);
(_UP, StopEvent);
(_DOWN, JiaEvent);
(_UP, StopEvent);
function JianEvent(e:MouseEvent):void {
isJia false;
(Event.ENTER_FRAME, ChangeWidth);
}
function JiaEvent(e:MouseEvent):void {
isJia true;
(Event.ENTER_FRAME, ChangeWidth);
}
function StopEvent(e:MouseEvent):void {
(Event.ENTER_FRAME, ChangeWidth);
}
function ChangeWidth(e:Event):void {
if (isJia false) {
if (mc.width > 10) {
mc.width - 1;
}
} else {
if (mc.width < 500) {
mc.width 1;
}
}
}
步驟五:運行效果
完成以上步驟后,點擊運行按鈕,就可以看到點擊兩個按鈕分別讓矩形變形的效果了。