Flex4之通过iframe嵌入html网页

想起之前在ExtJS中就涉及到嵌入网页问题,这次改用Flex肯定也少不了要用这个



 这里用的是TAB页面里面嵌入网页,找到一个flex的iframe自定义类,比较好用,请访问
http://code.google.com/p/flex-iframe/
首先从上面的网址下载fb3_1_3_2.zip(自己挑版本吧)
解压,找到fb3\HTMLTest\src下面有个IFrame.as拷到自己的Flex工程中去

具体怎么用的,看下代码

Xml代码 复制代码 收藏代码
  1. <SPAN style="FONT-SIZE: medium"><?xml version="1.0" encoding="utf-8"?>  
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"    
  3.                xmlns:s="library://ns.adobe.com/flex/spark"    
  4.                xmlns:local="*"    
  5.                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" initialize="init()">  
  6.     <mx:TabNavigator id="tab"  
  7.                      width="100%"  
  8.                      height="100%">  
  9.            
  10.         <local:IFrame id="test1"  
  11.                       label="Google"  
  12.                       source="http://www.google.co.uk"  
  13.                       width="100%"  
  14.                       height="100%"  
  15.                       />  
  16.            
  17.         <local:IFrame id="test2"  
  18.                       label="Yahoo"  
  19.                       source="http://www.yahoo.co.uk"  
  20.                       width="100%"  
  21.                       height="100%"  
  22.                       />  
  23.            
  24.     </mx:TabNavigator>  
  25. </s:Application>  
  26. </SPAN>  

 
source就是需要引用的网页url了 ,看似简单的页面,其实AS文件内容可不老少

posted on 2012-02-25 09:04  唐朝  阅读(3102)  评论(0编辑  收藏  举报