Flex中如何判断是否在组件之外单击
昨天在做Flex开发的时候,遇到了这样一种操作,之前也遇到过,那时的办法不是很好,今天又碰上了类似的问题,先看一张图吧!
这是系统界面大概的样子,现在的情况是,红 区域是一个窗口、页面、组件这样的,需要在这个组件之外的地方单击就隐藏这个组件,以前的想法很简单,就是通过坐标判断,但是现在这个红 的区域的结构比较复杂,所以不知道有什么样的方式可以解决,后来遇到了一个网友,给了我一段代码,我觉得还不错,我觉得算是技巧性的东西吧!所以分享一下:
首先,在黑 的区域监听单击 ,然后在单击 的处理函数中通过contains方法判断。代码如下所示:
public functionclickHandler(event:MouseEvent):void
{
if(!红 区域.contains(event.target asDisplayObject) && !绿 区域.contains(event.target as DisplayObject))
{
红 区域.visible = false;
}
}
这段代码,我认为还是比较一种好的解决方案。最开始的想法是通过坐标来判断,然后又冒出了一个想法就是在红 区域上监听鼠标离开,在离开的处理函数中监听单击的 ,但是这种方法好像不好使。于是问了一下网友,就知道了这种方法。
这里还有一个小插曲:我的qq头像是路飞的,很巧合的是帮助我解决问题的是一个索隆头像的网友,解决完问题之后,他还叫了我一声船长,很有趣啊!
您可能感兴趣的文章
- 01-11flex调用webservice中的自定义类的方法
- 01-11Flex实现的上传摄像头拍照并将UI保存为图片
- 01-11Flex字体加粗问题只能对英文的字体加粗
- 01-11flex利用webservice上传照片实现代码
- 01-11Flex控制弹出窗口拖动范围示例代码
- 01-11flex内嵌html网页示例代码
- 01-11Flex中在Tree绑定数据后自动展开树节点的方法
- 01-11Flex弹出窗口请求Action函数示例
- 01-11Flex中通过RadioButton进行切换示例代码
- 01-11Flex中TabNavigator设置Tabs样式思路及源码