flex 嵌入html页面,在Flex中嵌入完整HTML页面

在Flex中嵌入完整HTML页面

在Flex中嵌入完整HTML页面

作者：hyfeiy 类型:转载 来源:eshangraoblog

在实际开发中，我们常常会要PopUp一些组件到另一个组件旁，比如点击一个TextInput时在其旁边PopUp出一个特殊符号的选择框。然而PopUp出来的组件使用的绝对定位坐标x, y是全局(最外层舞台)的坐标，但是我们能得到的坐标一般是事件源的局部坐标，比如一个TextInput的局部坐标x, y，所以就要使用xxx.localToGlobal(new Point(x, y)):Point方法来将局部坐标转换成全局坐标。 问题出来了，用谁来调用localToGlobal方法才能得到正确的全局坐标呢？

如果有一个如下层次关系的TextInput，要在点击它的时候在其旁边PopUp出一个选择框：

我们可以在TextInput的click事件的event中得到TextInput的局部x, y，但是我们是使用g1, g2, self还是this(Application)来调用localToGlobal方法才能得到正确的全局坐标呢？

让我们来看上面的DEMO，其层次关系和上述的一样，只是把TextInput换成了BitmapImage，当点击不同按钮时会使用按钮label上所写的组件去调用localToGlobal方法(局部x, y都是使用中间图片的x, y)。快试一下吧！！

最后得到的结果是：

g1, self, this(Application)调用localToGlobal方法都没有得到正确的全局坐标, 而g2得到了。

也就是说调用localToGlobal方法必须是局部坐标提供者的直接父组件，这样才能得到正确的全局坐标。