如何在 Flash/AS3 中创建网格层并识别图标放置在哪些象限中？

Question

早上好，

我有一个现有的 Flash 应用程序，其中有一个图层包含一个分为 4 个象限的正方形。向用户提供一组图标，并要求他/她将每个图标拖到一个象限中。

Flash/AS3 是否提供了一种创建覆盖现有图像的网格（不一定是 DataGrid）的方法？如果是这样，如何设置 AS3 语法来保存放置图标的象限？

非常感谢！！

Answer 1

如果我正确理解你的问题，你有一个 2 x 2 网格，可以将图标拖入其中。您需要保存该网格中图标的位置。

有几种方法可以做到这一点，但我认为最简单的方法是使用一点数学来确定图标的位置。

如果有某个按钮表明用户已将图标放置在他/她想要的位置，则在该按钮的处理程序中编写代码。

下面将找到网格左上角和图标左上角之间的距离。您可以使用该距离的 x 值除以象限的宽度来查找图标上有多少个象限。在这种情况下，象限的宽度是网格总宽度的一半（因为它的宽度只有 2）。为了找出图标向下有多少个象限，请对距离的 y 分量执行相同的操作。

var col:Number = Math.round( Math.abs(icon.x - grid.x) / (grid.width/2))+1;
var row:Number = Math.round( Math.abs(icon.y - grid.y) / (grid.height/2))+1; 

Math.abs（绝对值函数）是为了防止距离因某种原因为负数。如果没有 +1，该表达式将在 col 和 row0 或 1 code> 如果您认为第一个象限是 0 x 0，那就没问题了，但既然我说的是 2 x 2 网格，那么最好将网格的最远角设置为 2 x 2

。工作使网格和图标都是具有实例的符号名称。单击舞台（主工作区域）上的符号后，可以在“实例名称”下的属性窗口中设置实例名称。

此外，如果您实现此功能，您会注意到，即使图标位于象限的一半以上，它仍然会注册为位于上面的象限中。这是因为在上面的代码中我们正在比较左上角之间的距离。为了测量图标中心与网格左上角之间的距离，只需将图标高度的一半添加到其 y 值，如下

var row:Number = Math.round( Math.abs((icon.y+icon.height/2) - grid.y) / (grid.width/2))+1;

所示 ：还没有测试过这段代码，但理论上它应该可以工作。