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

<!--
/* Font Definitions */
@font-face
{font-family:宋体;
panose-1:2 1 6 0 3 1 1 1 1 1;
mso-font-alt:SimSun;
mso-font-charset:134;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:3 135135232 16 0 262145 0;}
@font-face
{font-family:"/@宋体";
panose-1:2 1 6 0 3 1 1 1 1 1;
mso-font-charset:134;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:3 135135232 16 0 262145 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
text-align:justify;
text-justify:inter-ideograph;
mso-pagination:none;
font-size:10.5pt;
mso-bidi-font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:宋体;
mso-font-kerning:1.0pt;}
/* Page Definitions */
@page
{mso-page-border-surround-header:no;
mso-page-border-surround-footer:no;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 90.0pt 72.0pt 90.0pt;
mso-header-margin:36.0pt;
mso-footer-margin:36.0pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->

注意：以下所有

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>