使用按钮控制元件宽度变化的方法

在电脑界，按钮元件的使用可以增加互动的趣味性。在本文中，我们将介绍如何通过两个按钮来控制元件的宽度变化。具体操作步骤如下：

步骤一：创建新的AS3文档

首先，在Animate CC中新建一个AS3文档。

步骤二：绘制矩形并转换为影片剪辑

在舞台上画一个矩形形状，并将其转换为影片剪辑。请确保注册点位于矩形的中心位置。

步骤三：给影片剪辑设置实例名和按钮

为这个影片剪辑设置一个实例名，例如"mc"。然后制作两个按钮，分别设置实例名为"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;
        }
    }
}

步骤五：运行效果

完成以上步骤后，点击运行按钮，就可以看到点击两个按钮分别让矩形变形的效果了。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。