Animate如何实现单击后放置元件到舞台

Animate如何实现单击后放置元件到舞台

在Animate里实现“点击一下鼠标，就把元件放到舞台指定位置”这个功能，其实比想象中要直接得多。这里以Animate CC 2018为例，新建一个AS3.0的文档来演示。

先画个基础图形——用矩形工具在舞台中拉出一个长方形，作为我们准备“放置”的素材原型。

然后把它转为元件。右键单击这个矩形，选择“转换为元件”。注意这里要选“影片剪辑”类型，因为只有影片剪辑才能绑定AS3类。

在弹出的转换窗口中，勾选“为ActionScript导出”。这一步很关键——不勾选的话，代码里是没法直接调用的。

在“类”输入框中填写一个类名，比如 RECT。这个类名就是我们在代码里new对象时用的名字，大小写敏感。

点击确定后，元件就制作完成了。本质上，你已经创建了一个名为RECT的可重用类。

接下来打开动作面板（快捷键F9），开始写交互代码。

在动作面板中输入下面的代码：

代码逻辑其实很简单：监听舞台的鼠标单击事件（MouseEvent.CLICK），每次点击时都创建一个新的RECT实例，并将其添加到显示列表，位置就设在鼠标的当前坐标（stage.mouseX 和 stage.mouseY）。

最后按 Ctrl+Enter 测试发布，就能在舞台上任意位置单击，看到一个个矩形被“放置”出来了——每点一下，舞台上就多一个元件实例。