以下内容摘抄来自互联网
http://xintao222.iteye.com/blog/797566
将 html 页面 或 jsp 页面嵌入 到flex 页面中
step1:下载
flex-iframe-1.5.1.swc
http://code.google.com/p/flex-iframe/
step2:将此文件拷贝到flex项目的
flex_libs文件夹下
step3:创建mxml文件
vboxiframe.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:code="http://code.google.com/p/flex-iframe/" width="100%" height="100%">
<mx:HDividedBox x="0" y="10" width="100%" height="100%">
<mx:Panel width="30%" height="100%" layout="absolute">
<code:IFrame id="frm2" source="Demo/WebContent/topology.html" height="100%" width="100%"/>
</mx:Panel>
<mx:Panel width="70%" height="100%" layout="absolute">
<code:IFrame id="frm1" source="Demo/WebContent/topology.html" height="100%" width="100%"/>
</mx:Panel>
</mx:HDividedBox>
</mx:VBox>
运行该 application 即可看到 此 mxml中嵌入 topology.htm 内容
但是有一个问题,如果我想 嵌入 “www.google.com”则运行出来说找不到 此 页面
problem1:如果我将 source=“www.google.com”则自动会加上我的项目名称eg smp31/www.google.com.cn
problem2:如果我将 source=“/www.google.com”则 直接报错找不到/www.google.com页面文件
希望哪位帮忙指点下我应该 怎么 嵌入一个 公网上的 hmtml 页!非常感谢!!!
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
WAY2在mxml文件中嵌入一个其他项目中的swf文件
在mxml文件中直接复制下面代码,更改 swf 路径就可
<mx:Script>
<![CDATA[
import gs.plugins.VolumePlugin;
import mx.events.FlexEvent;
import mx.controls.SWFLoader;
import mx.managers.SystemManager;
private function init():void
{
var loader:SWFLoader = new SWFLoader();
loader.percentHeight = 100;
loader.percentWidth = 100;
loader.addEventListener(Event.COMPLETE, onLoaded);
loader.addEventListener(IOErrorEvent.IO_ERROR, onError);
//loader.load("Demo/WebContent/topology.swf");
//smp31.swf
//D:\develop\develop_WorkSpace\liferaySmp31\smp31\WebContent\Demo\WebContent\topology.swf
// loader.load("D:\develop\develop_WorkSpace\liferaySmp31\smp31\WebContent\Demo\WebContent\topology.swf");
addChild(loader);
}
private function onError(e:Error):void{
}
private function onLoaded(e:Event):void
{
var loader:SWFLoader = e.target as SWFLoader;
var sysMgr:SystemManager = loader.content as SystemManager;
sysMgr.addEventListener(FlexEvent.APPLICATION_COMPLETE, onAppComplete);
}
private function onAppComplete(e:FlexEvent):void
{
var sysMgr:SystemManager = e.target as SystemManager;
//如果此页面是application就转成application如果是 module 就转成 module
// var app:Application = sysMgr.getChildAt(0) as Application;
var app:Module = sysMgr.getChildAt(0) as Module;
//app.callAPI(parameters);
}
]]>
</mx:Script>
用标签方式也可直接嵌入swf文件,时间仓促 没来的急 研究 这两种 方式有什么区别
<mx:VBox width="100%" height="100%">
<mx:SWFLoader source="http://localhost:8080/topology/topology.swf" width="100%" height="100%"/>
</mx:VBox>
分享到:
相关推荐
在HTML页面中嵌入Flex组件,可以利用Flex的强大功能来丰富网页的用户体验。本文将详细介绍如何在HTML中嵌入Flex容器,并以IFrameDemo为例进行说明。 首先,我们需要理解Flex和HTML的集成方式。通常,我们可以使用`...
在 HTML 中嵌入 Flex SWF 文件,通常使用的是 Adobe 提供的 `SWFObject` JavaScript 库。这个库能够帮助我们优雅地处理浏览器兼容性问题,同时提供了一种简单的方法来插入 SWF 文件并传递参数。下面详细介绍如何实现...
将Flex嵌入到JSP中,可以实现富客户端与后端服务器的有效通信,提供更佳的用户体验。 本压缩包包含四个关键的jar文件,它们分别是: 1. flex-webtier.jar:这是Flex与服务器端通信的核心组件,包含了Flex Remoting...
1. 创建一个SWFLoader组件:Flex提供了SWFLoader组件,可以加载SWF或其他内容,包括HTML。我们可以通过设置其`source`属性来指定要加载的HTML页面URL。 2. 处理跨域问题:由于安全限制,如果HTML页面不在同一域下,...
3. **HTML集成**:在HTML页面中,使用`<object>`或`<embed>`标签嵌入SWF文件。这两个标签都支持设置SWF的宽度、高度、版本等属性,确保浏览器能正确加载和播放SWF内容。 4. **JSP交互**:为了使Flex应用与JSP进行...
在将Flex嵌入到JSP页面时,可能会遇到一个常见的问题:Flex组件被其他元素遮挡。这通常是由于CSS样式冲突或者布局管理不当导致的。解决这个问题通常需要深入理解Flex和JSP的渲染机制以及浏览器的DOM结构。 首先,...
要在Flex项目中嵌入SWF文件,我们需要使用`mx.controls.VideoDisplay`或`mx.core.MovieClip`组件。例如: ```xml <mx:MovieClip id="swfPlayer" source="@Embed('path/to/your.swf')"/> ``` 2. **访问SWF的...
7. **使用外部资产**:将大文件如音频和视频作为外部文件,而不是嵌入SWF中。这样可以降低SWF的初始加载时间,同时允许用户在需要时才下载。 8. **代码优化**:编写高效的ActionScript代码,避免冗余操作,合理使用...
- ` Embed`元标签:使用`[Embed]`元标签可以将资源直接嵌入到SWF中,方便快速访问,但会增加SWF文件大小。 - `ResourceModule`:Flex框架提供的模块化资源管理,可以将资源放在单独的模块中,按需加载,降低启动时...
将Flex嵌入到MFC应用中,通常涉及以下步骤: 1. **创建Flex项目**:在Flex Builder或IntelliJ IDEA等IDE中创建一个Flex项目,编写MXML和ActionScript代码,定义用户界面和业务逻辑。 2. **生成SWF文件**:编译Flex...
6. **嵌入Flex到JSP**:在JSP页面中,我们可以使用SWFObject或FlashObject来嵌入Flex SWF文件。通过设置参数,我们可以传递数据到Flex应用,也可以从Flex应用接收数据。 7. **安全与优化**:确保通信过程的安全性,...
在实际开发中,开发者会使用这些jar包在JSP页面中引入Flex组件,通过编写JSP标签来创建Flex SWF(ShockWave Flash)对象,并设置相应的属性和事件处理程序。同时,还需要配置服务器端的Flex服务,以处理来自Flex...
### 网页中嵌入SWF文件的几种方法 #### 一、`object`与`embed`结合方式 此方法结合了`object`与`embed`两种标签的优势,是Macromedia一直推荐的一种方式。 **优点:** - 兼容性好,几乎可以在所有浏览器上运行。...
- 分析MXML:如果应用是用Flex构建的,反编译器还需要解析嵌入在SWF中的MXML数据。 - 输出源代码:反编译完成后,工具会生成AS3或MXML源代码文件,可以进一步编辑和重新编译。 5. **反编译的用途**: - 代码恢复:...
- **Flex组件嵌入**:JSP页面可以使用`<object>`或`<embed>`标签嵌入Flash内容,即Flex编译后的SWF文件。这样,Flex组件就能在网页中无缝展示,提供动态交互的报表体验。 - **事件处理**:Flex的交互事件(如点击、...
10. **Flex应用部署**:Flex应用可以通过SWF文件形式嵌入到HTML页面中,也可以打包成AIR应用在桌面环境下运行。发布流程包括编译、优化和打包,以确保应用能在不同环境中正常运行。 以上就是关于“Flex 页面实例...
利用google-iframe在flex中嵌入网页是在swf上覆盖一个div,flex与网页无法融合,这样会出现各种显示,控制问题,如页面自适应,页面显示控制,内容遮盖,网页内容不随flex滚动条滚动等,现在这些问题都解决了
这通常包括Flex编译后的SWF文件、所需的ActionScript库以及与JSP通信的AMF(Action Message Format)服务。 3. **AMF通信**: AMF是一种高效的数据交换格式,常用于Flex和服务器之间的双向通信。在JSP与Flex结合的...
9. `html-template`:HTML模板目录,用于嵌入SWF文件并控制应用程序的嵌入方式。 10. `.settings`:Eclipse项目的配置文件夹,包含了各种插件的设置。 总的来说,这个"FLEX主页面架构"项目展示了如何利用FLEX的强大...
此时,SWF文件也将被正确地嵌入到HTML中,项目就能在Web浏览器中正常运行。 总结来说,解决Flex 4不生成MXML对应HTML文件的关键在于检查并调整编译器的语言设置,确保它与开发环境兼容。通过上述步骤,可以有效地...