flex-iframe用法--在flex中嵌入多个html页面

flex通过iframe嵌入完整html页面

有些时候需要在flex中显示html页面，比如图文混排，而flex对此的支持非常有限，所以也只好选择通过iframe的方式来达到显示html页面的效果。 这里我们采取开源控件flex-iframe来实现： 

一个flex的iframe自定义类：下载包

使用注意事项：下载完包解压后在build文件里有个flex-iframe-1.5.1.swc文件，拷贝到Flex项目中的libs文件夹中。然后新建mxml文件

 xmlns:fx="" 

   xmlns:s="library://ns.adobe.com/flex/spark" 

   xmlns:mx="library://ns.adobe.com/flex/mx" 

   xmlns:flexiframe=""

   minWidth="955" minHeight="600">

 id="googleIFrame"

   label="Google"

   source=""

   width="50%"

   height="50%"/>

如果要显示本地的html网页，则新建一个html网页，将其放到tomcat的服务目录中，然后改变source的值即可，source="/web服务目录/网页名.html"

如：source="/xaut/hello.html"   

（修改于2012-11-12）

将要嵌入的html页面放入html-template文件夹，它将自动编译到项目根目录。

显示中文乱码问题：

flex显示本地的html乱码，解决方法：在html文件中加如下代码：

我的html文件代码：

1.下载flex-iframe swc文件，将其拖到项目的libs目录下。

2.在tomcat的服务目录(我的是xaut)下新建一个hello.html.

3.新建立 MXML应用程序

在flex中分栏显示(显示多个html页面)：

 xmlns:fx="" 

   xmlns:s="library://ns.adobe.com/flex/spark" 

   xmlns:mx="library://ns.adobe.com/flex/mx" 

   xmlns:flexiframe=""

   minWidth="955" minHeight="600">

 width="100%" height="100%">

 id="helloIFrame"

   label="hello"

   source="/xaut/hello.html"

   width="100%"

   height="30%"/>

 id="helloIFrame1"

   label="hello"

   source="/xaut/hello.html"

   width="100%"

   height="70%"/>

​

参考：

http://my.68design.net/16237/blog/11959.html