Flex中的local, content, global坐标分析

来源：互联网发布：软件买卖网编辑：程序博客网时间：2024/05/29 18:33

注意：以下所有global，local，content坐标都是针对于上面这个组件而言的。

以上面这个组件(组件一， comp1)这例,假如当前这个文档的这一页为舞台,那么这个组件的左上角在该页面的坐标就是该组件的global坐标.

现在假设在组件一中还有一个组件(组件二，comp2)，那组件二左上角的坐标则是组件一的content的content坐标，表示的是comp2在comp1的content中的绝对位置。

Content的坐标原点不一定是在组件的原点，而是在组件的content的左上角。因此如果在comp1中添加了comp2，而且comp2的x，y都是固定的，那么comp2的左上角的content坐标在comp1的content中是不会变的，但是local坐标可能会变。因为local坐标永远是相对于comp1的左上角而言的。

<?xml version ="1.0" encoding = "utf-8"?>

<mx:Application xmlns:mx = "http://www.adobe.com/2006/mxml"layout = "absolute">

<mx:Script>

<![CDATA[

import mx.containers.Canvas;

private function showSupportingArea():void

{

support.height=200;

var point:Point=new Point();

// point.x = lbl.x;

// point.y = lbl.y;

// point =lbl.localToContent(point);

// trace(point.x);trace(point.y);

// point=lbl.contentToGlobal(point);

// trace(point.x);

// trace(point.y);

point=lbl.localToGlobal(point);

trace(point.x);

trace(point.y);

// point=lbl.globalToLocal(point);

// trace(point.x);

// trace(point.y);

point=canvas.globalToContent(point);

trace(point.x);

trace(point.y);

// point=canvas.globalToLocal(point);

// trace(point.x);

// trace(point.y);

}

]]>

</mx:Script>

<mx:Button click = "showSupportingArea()" label = "Test"/>

<mx:VDividedBox id = "vbox" y = "80" height = "500" width ="100%">

<mx:Canvas id = "canvas" backgroundColor= "blue" width = "100%" height = "50%">

<mx:Label text = "Hello" id = "lbl" x = "80" y = "300"/>

</mx:Canvas>

<mx:Canvas id = "support"backgroundColor = "red" width = "100%" height = "0"/>

</mx:VDividedBox>

</mx:Application>