在flex中，如何在使用VBox堆疊組件時獲得cooridnnates？

Question

在flex中，我使用VBox & HBox堆棧組件。當我嘗試獲取組件的x，y座標時，我總是得到0.如果我指定像mx：VBox x =「120」這樣的cooridnate，那麼我會得到該值。

我怎樣才能沒有明確說明它的座標。

Answer 1

組件的X和Y值總是相對於組件的父。 directionsHelp.x和directionsHelp.y都將返回相對於包含它們的VBox的位置，除非您明確設置值或在其周圍插入其他組件，否則將默認爲0。

的是要記住的localToGlobal()的是，你必須從孩子調用它。如果你有一個Application，你只需要調用localToGlobal(new Point(child.x, child.y))，它會嘗試應用相對於內給定點重返舞臺（因爲你沒有指定什麼「本地」的），因此這將不進行轉換，它會因此保持等於（0,0）。

如果您調用child.localToGlobal(new Point(child.x, child.y))，它會返回孩子相對於舞臺的位置值，無論孩子在舞臺上偏移了多少，它都會轉換給定點。

這裏有一個快速的應用程序來演示：

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="#FFFFFF"> 
    <mx:Script> 
     <![CDATA[ 
      private function updateCoords():void 
      { 
       var point:Point = new Point(directionsHelp.x, directionsHelp.y); 
       point = directionsHelp.localToGlobal(point); 
       directionsHelp.text = "My stage coordinates are ("+point.x+", "+point.y+")"; 
      } 
     ]]> 
    </mx:Script> 
    <mx:VBox> 
     <mx:Box height="100" width="100" borderStyle="solid" borderColor="#000000" 
      horizontalAlign="center" verticalAlign="middle"> 
      <mx:Label text="100 x 100" /> 
     </mx:Box> 
     <mx:VBox> 
      <mx:Text id="directionsHelp" color="#4FA4CD" fontSize="8" fontWeight="bold" 
       text="Click the button to display my position on the stage." /> 
      <mx:Button label="Get Position" click="updateCoords()" /> 
     </mx:VBox> 
    </mx:VBox> 
</mx:Application> 

Answer 2

可以相對平移座標舞臺。看看下面的代碼：

var box:VBox = new VBox; 
var child:DisplayObject = new DisplayObject; 

box.addChild(child); 

child.addEventListener(FlexEvent.UPDATE_COMPLETE, updateCompleteHandler); 

... 

private function updateCompleteHandler(fe:FlexEvent):void{ 
    // find global coordinates 
    var globalCoords:Point = child.localToGlobal(new Point(0,0)); 

    // coordsInBox is what you are looking for 
    var coordsInBox:Point = box.globalToLocal(globalCoords); 
} 

點是使用localToGlobal爲子組件，然後globalToLocal到全局座標轉換，使它們相對錶示到箱集裝箱。

請注意，該座標將不會被處理，直到UPDATE_COMPLETE由子對象調用。