鼠标与组件之间的距离

Question

不确定是否存在，但值得问大家：是否有内置方法来计算当前鼠标位置与给定组件之间的距离？如果没有，是否有一种简单的方法来构建这样的函数，该函数适用于具有通用形状的组件？

谢谢你！

Answer 1

好吧，假设您想要从鼠标到左上角的距离（在本例中是 Flex 的默认距离），只需使用毕达哥拉斯定理：

var d:int = Math.sqrt(Math.pow(theComponent.mouseX, 2) + Math.pow(theComponent.mouseY, 2));

同样，这将是到“theComponent”左上角的距离。如果您希望它位于组件的中心，请执行以下操作：

var d:int = Math.sqrt(Math.pow(theComponent.mouseX - theComponent.width/2, 2) + Math.pow(theComponent.mouseY - theComponent.height/2, 2));

每个 DisplayObject 都有此“mouseX/Y”属性，该属性始终相对于左上角。

Answer 2

我想我已经为你准备了一个解决方案，我不相信有任何内置的东西可以直接为你做到这一点，尽管可能有比这更好的方法......但基本上我能想到的任何解决方案使用相同的概念，所以这里是：

    private var lastClickedComponent:DisplayObject;
    private var lastClickedGlobalPos:Point;

    protected function application1_clickHandler(event:MouseEvent):void
    {
        // TODO Auto-generated method stub
        lastClickedComponent = event.target as DisplayObject;
        if(lastClickedComponent)
            lastClickedGlobalPos = lastClickedComponent.parent.localToGlobal(new Point(lastClickedComponent.x,lastClickedComponent.y));
    }

    private function distanceToLastClicked():void
    {
        if(lastClickedComponent)
        {
            distanceLabel.text = Point.distance(lastClickedGlobalPos,new Point(mouseX,mouseY)).toString();
        }
    }


    protected function application1_mouseMoveHandler(event:MouseEvent):void
    {
        distanceToLastClicked();
    }

distanceLabel 只是一个标签，处理程序只是在本示例的应用程序上设置，但基本上唯一重要的部分是为操作点而给出的距离函数以及用于转换 x/ 的 localToGlobal 调用DisplayObject 的 y 位置到绝对坐标，以便与鼠标位置进行比较（请注意，您可能需要在移动处理程序中使用 event.stageX、event.stageY，具体取决于您处理的对象，我不确定 mouseX、 mouseY 是全局坐标）。另外，正如评论中所指出的，这个只会考虑形状的左上角，不一定是最近的边缘，因为你可能需要做一些特定于形状的数学，除非有人有更新颖的方法。