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

问题

我想跟踪用户鼠标位置,可以是相对于父容器或相对于容器中其他子组件。

解决办法

使用Stage 和MouseEvent 类的本地位置属性以及所有容器都继承自UIComponent 的mouseX和mouseY 属性。

讨论

MouseEvent 类有四个属性可用于确定鼠标位置。localX 和localY 属性提供与抛出mouse 事件相关的组件位置,而stageX 和stageY 提供与Stage 相关的位置。

下面的例子,如果鼠标移动到LinkButton 组件上,localX 和localY 属性将反应出鼠标在LinkButton 组件上的位置。如果鼠标没有在LinkButton 上,这两个属性就是指鼠标在VBox上的位置:

Code View:

<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 左上角相关:

Code View:

<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" width="500"

mouseMove="trace(this.contentMouseX+' : '+this.contentMouseY);

height="300"">

<mx:Panel width="400">

<mx:Label text="Center" horizontalCenter="200"/>

</mx:Panel>

<mx:Panel width="400">

<mx:Label text="Center" horizontalCenter="200"/>

</mx:Panel>

</mx:HBox>

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

Code View:

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="300"

height="500" paddingTop="10" paddingLeft="10" verticalGap="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 值。

内容概要:本文详细介绍了900W或1Kw,20V-90V 10A双管正激可调电源充电机的研发过程和技术细节。首先阐述了项目背景,强调了充电机在电动汽车和可再生能源领域的重要地位。接着深入探讨了硬件设计方面,包括PCB设计、磁性器件的选择及其对高功率因数的影响。随后介绍了软件实现,特别是程序代码中关键的保护功能如过流保护的具体实现方法。此外,文中还提到了充电机所具备的各种保护机制,如短路保护、欠压保护、电池反接保护、过流保护和过温度保护,确保设备的安全性和可靠性。通讯功能方面,支持RS232隔离通讯,采用自定义协议实现远程监控和控制。最后讨论了散热设计的重要性,以及为满足量产需求所做的准备工作,包括提供详细的PCB图、程序代码、BOM清单、磁性器件和散热片规格书等源文件。 适合人群:从事电力电子产品研发的技术人员,尤其是关注电动汽车充电解决方案的专业人士。 使用场景及目标:适用于需要高效、可靠充电解决方案的企业和个人开发者,旨在帮助他们快速理解和应用双管正激充电机的设计理念和技术要点,从而加速产品开发进程。 其他说明:本文不仅涵盖了理论知识,还包括具体的工程实践案例,对于想要深入了解充电机内部构造和工作原理的人来说是非常有价值的参考资料。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值