FLex iframe使用

最新推荐文章于 2016-11-20 16:15:03 发布

蓝枫林

最新推荐文章于 2016-11-20 16:15:03 发布

阅读量1k

点赞数

分类专栏： flex 文章标签： flex

本文链接：https://blog.csdn.net/xf7502962/article/details/17454365

版权

flex 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍如何在Flex应用中使用IFrame组件创建弹出窗口，展示外部网页内容。通过XML布局和事件处理，实现在主界面中打开一个全屏弹窗，并在窗口移动时更新IFrame显示。

摘要由CSDN通过智能技术生成

主界面：

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<fx:Script>
<![CDATA[
import dialog.FlexWindow;

import mx.managers.PopUpManager;
protected function button1_clickHandler(event:MouseEvent):void
{
var win:FlexWindow=(FlexWindow)(PopUpManager.createPopUp(this,FlexWindow,true));
win.title="百度";
win.width=1000;
win.height=600;
PopUpManager.centerPopUp(win);
}
]]>
</fx:Script>

<fx:Declarations>

</fx:Declarations>
<s:Button label="点击我" click="button1_clickHandler(event)">
</s:Button>

</s:Application>

弹窗口界面：

<?xml version="1.0" encoding="utf-8"?>
<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
move="titlewindow1_moveHandler(event)"
width="100%" height="100%" close="titlewindow1_closeHandler(event)" xmlns:ns="http://code.google.com/p/flex-iframe/" xmlns:flexiframe="com.google.code.flexiframe.*">
<fx:Script>
<![CDATA[
import mx.events.CloseEvent;
import mx.events.MoveEvent;
import mx.managers.PopUpManager;

protected function titlewindow1_closeHandler(event:CloseEvent):void
{
PopUpManager.removePopUp(this);
}

protected function titlewindow1_moveHandler(event:MoveEvent):void
{
iFrame.invalidateDisplayList();
}

]]>
</fx:Script>
<fx:Declarations>

</fx:Declarations>
<flexiframe:IFrame id="iFrame" source="http://www.baidu.com" width="100%" height="100%" />
</s:TitleWindow>