如何在 Flex 中的某行之前拖动和停止面板？

Posted 2023-05-08

【中文标题】如何在 Flex 中的某行之前拖动和停止面板？

【英文标题】：How to drag and stop panel before some line in Flex?

【发布时间】：2013-04-08 20:12:35

【问题描述】：

我正在尝试拖动面板并在某行之前停止面板。我不知道该怎么做。 让我用我的代码解释一下（它不起作用）：

//MyPanel
<s:Panel                                                                         
  mouseMove="rectangle_mouseMoveHandler(event)"
    id="panel" backgroundAlpha="0.2" 
  mouseDown="onMouseDown(event)" mouseUp="onMouseUp(event)"                              
  skinClass="intetech.PanelNoTitleBar" backgroundColor="blue">                                                      
</s:Panel>


//rectangle_mouseMoveHandler
protected function rectangle_mouseMoveHandler(event:MouseEvent):void
    

        if ((panel.x+panel.width)>=(minimap.x+minimap.width))
            panel.x = (minimap.x+minimap.width-panel.width+0.001);              
        
        trace("panel.x = "+panel.x);
    

【问题讨论】：

“它不起作用”是什么意思？面板是否拖过您希望它停止的点？这是一个奇怪的拖动处理程序。您可能会做更多的研究或更仔细地思考问题。我猜每次您移动鼠标时，面板都会稍微向右移动一点，而与您移动鼠标的方式无关。

@NTyler 是的，面板拖过去了。我不知道如何停止我的面板

拖动是否像您期望的那样工作？

【参考方案1】：

您可以使用相对于 Sprite 父级坐标的边界来指定 Sprite 的约束矩形：

protected function panel_mouseUpHandler(event:MouseEvent):void

    panel.stopDrag();


protected function panel_mouseDownHandler(event:MouseEvent):void

    panel.startDrag(false, new Rectangle( 0,0, 500, 300));


//...

<s:Panel id="panel"   mouseUp="panel_mouseUpHandler(event)" mouseDown="panel_mouseDownHandler(event)"/>