拖动容器的子容器时 mouseX/Y 混乱

Question

我有一个图像网格，它们被添加到类中的图像容器（Sprite）中。 当我单击按钮时，图像容器会补间（缩放）为 0.2 现在我想开始拖动图像。鼠标按下时，我添加一个 EnterFrame 事件：

function onEnterFrame(e:Event):void
{
  imagecontainer.image.x = this.mouseX;
  imagecontainer.image.y = this.mouseY;

}

不幸的是，图像永远不会在鼠标位置上，但与鼠标指针的偏移量会增加/减少。 另一种方法 startDrag/stopDrag 效果很好，但我仍然需要 mouseX/mouseY 将图像放置在网格上...... 我也尝试过parent.mouseX，但没有成功。 为什么会发生这种情况？我认为 mouseX/mouseY 始终取决于舞台尺寸。

Answer 1

如果您想获取相对于舞台上鼠标位置的 mouseX 和 mouseY 那么为什么不使用：

stage.mouseX,
stage.mouseY

另外，如果您放大一些东西（假设总大小为 200%），那么舞台上的 50 像素实际上是已缩放的容器中的 25 像素。

使用它作为文档类来看看我的意思：

package
{
    import flash.display.MovieClip;
    import flash.events.Event;

    public class Main extends MovieClip
    {
        private var _box:MovieClip;

        public function Main()
        {
            addEventListener(Event.ENTER_FRAME, _move);

            _box = new MovieClip();
            _box.scaleX = _box.scaleY = 2;

            addChild(_box);
        }

        private function _move(e:Event):void
        {
            trace("stage: " + stage.mouseX + ", " + stage.mouseY);
            trace("box: " + _box.mouseX + ", " + _box.mouseY);
        }
    }
}

Answer 2

如果您仍在寻找这个，也许您可​​以使用 startDrag();和 stopDrag();
用于拖动图像。

像这样：

    image.addEventListener(MouseEvent.MOUSE_DOWN, onMouseDownMC);
    image.addEventListener(MouseEvent.MOUSE_UP, onMouseUpMC);

    function onMouseDownMC(e:MouseEvent):void
    {
        e.currentTarget.startDrag(true);
    }
    function onMouseUpMC(e:MouseEvent):void
    {
        e.currentTarget.stopDrag();
    }

更新：您可以像这样设置你的函数：

image.addEventListener(MouseEvent.MOUSE_DOWN, onMouseMC);
image.addEventListener(MouseEvent.MOUSE_UP, onMouseMC);

function onMouseMC(e:MouseEvent):void
{
    var type = e.type;
    if(type == MouseEvent.MOUSE_DOWN) /// u can use "mouseDown" accept  MouseEvent.MOUSE_DOWN 
    {
        e.currentTarget.startDrag(true);// if you set true its gonna drag the obj from center
    }
    else if(type == MouseEvent.MOUSE_UP)
    {
        e.currentTarget.stopDrag();  //u can use "mouseUp" accept  MouseEvent.MOUSE_UP
    }
}

Answer 3

你试过吗：

function onEnterFrame(e:Event):void
{
  imagecontainer.image.x = stage.mouseX;
  imagecontainer.image.y = stage.mouseY;

}