在電腦界，按鈕元件的使用可以增加互動(dòng)的趣味性。在本文中，我們將介紹如何通過(guò)兩個(gè)按鈕來(lái)控制元件的寬度變化。具體操作步驟如下： 步驟一：創(chuàng)建新的AS3文檔 首先，在Animate CC中新建一個(gè)AS3

在電腦界，按鈕元件的使用可以增加互動(dòng)的趣味性。在本文中，我們將介紹如何通過(guò)兩個(gè)按鈕來(lái)控制元件的寬度變化。具體操作步驟如下：

步驟一：創(chuàng)建新的AS3文檔

首先，在Animate CC中新建一個(gè)AS3文檔。

步驟二：繪制矩形并轉(zhuǎn)換為影片剪輯

在舞臺(tái)上畫(huà)一個(gè)矩形形狀，并將其轉(zhuǎn)換為影片剪輯。請(qǐng)確保注冊(cè)點(diǎn)位于矩形的中心位置。

步驟三：給影片剪輯設(shè)置實(shí)例名和按鈕

為這個(gè)影片剪輯設(shè)置一個(gè)實(shí)例名，例如"mc"。然后制作兩個(gè)按鈕，分別設(shè)置實(shí)例名為"btn0"和"btn1"。

步驟四：添加代碼到主時(shí)間軸

在主時(shí)間軸中添加以下代碼：

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;
        }
    }
}

步驟五：運(yùn)行效果

完成以上步驟后，點(diǎn)擊運(yùn)行按鈕，就可以看到點(diǎn)擊兩個(gè)按鈕分別讓矩形變形的效果了。