3.3.以不同的坐标系统跟踪鼠标位置

3.3.1. 问题
我想跟踪用户鼠标位置,可以是相对于父容器或相对于容器中其他子组件。
3.3.2. 解决办法
使用Stage 和MouseEvent 类的本地位置属性以及所有容器都继承自UIComponent 的mouseX和mouseY 属性。
3.3.3. 讨论
MouseEvent 类有四个属性可用于确定鼠标位置。localX 和localY属性提供与抛出mouse 事件相关的组件位置,而stageX 和stageY 提供与Stage 相关的位置。

下面的例子,如果鼠标移动到LinkButton 组件上,localX 和localY 属性将反应出鼠标在LinkButton 组件上的位置。如果鼠标没有在LinkButton 上,这两个属性就是指鼠标在VBox上的位置:
+展开
-XML
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
mouseMove="traceMousePosition(event)">

<mx:LinkButton label="MyButton"/>
</mx:VBox>

要检测某个组件上的鼠标位置(无论鼠标是否在其之上),使用DisplayObject 的mouseX 和mouseY 位置,它将返回相对于容器或组件的0,0坐标的位置。最后,Container 类定义了contentMouseX 和contentMouseY 位置,描述鼠标相对于整个容器内容的位置。下面的例子返回与两个被添加到HBox 的Panel 组件相关的鼠标位置,而不是与HBox 左上角相关:
+展开
-XML
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxmlwidth="500"
mouseMove="trace(this.contentMouseX+' : '+this.contentMouseY);
height=
"300"">

<mx:Panel width="400">
<mx:Label text="CenterhorizontalCenter="200"/>
</mx:Panel>
<mx:Panel width="400">
<mx:Label text="CenterhorizontalCenter="200"/>
</mx:Panel>
</mx:HBox>

因为HBox 两个子组件的和为812像素,当你滚动鼠标到HBox 右边时,你会发现x 值已经超出HBox 的设置值。容器定义了异恶contentPane 属性,它是容纳添加进来的所有子组件的私有的DisplayObject。如果子组件的高或宽超出容器自身设置的高或宽,那超出部分将被隐藏。而contentMouseX 和contentMouseY 属性就是测量鼠标在保护内容DisplayObject 上的位置。

下面是完整代码:
+展开
-XML
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxmlwidth="300"
height="500paddingTop="10paddingLeft="10verticalGap="15"
mouseMove="traceMousePosition(event)">

<mx:Script>
<![CDATA[
private function
traceMousePosition(event:MouseEvent):void
{
trace(" MouseEvent local position "+event.localX+"
"+event.localY);
trace(" MousePosition stage position
"+event.stageX+" "+event.stageY);
trace(" MouseEvent position from w/in component
"+this.mouseX+" "+this.mouseY);
trace(" Content Mouse Position
"+this.contentMouseX+" "+this.contentMouseY);
}

]]>
</mx:Script>
<mx:Image source="@Embed('../../assets/image.png')"/>
<mx:Image source="@Embed('../../assets/image.png')"/>
<mx:Image source="@Embed('../../assets/image.png')"/>
<mx:Image source="@Embed('../../assets/image.png')"/>
</mx:VBox>

当鼠标移到VBox 组件时函数将被调用,输出mouseX 和mouseY 值。

加支付宝好友偷能量挖...


评论(0)网络
阅读(86)喜欢(0)flash/flex/fcs/AIR