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 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:local="*" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" initialize="init()">
	<mx:TabNavigator id="tab"
					 width="100%"
					 height="100%">
		
		<local:IFrame id="test1"
					  label="Google"
					  source="http://www.google.co.uk"
					  width="100%"
					  height="100%"
					  />
		
		<local:IFrame id="test2"
					  label="Yahoo"
					  source="http://www.yahoo.co.uk"
					  width="100%"
					  height="100%"
					  />
		
	</mx:TabNavigator>
</s:Application>

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

 

评论

3 楼 leefangzhao 2012-04-13  

xlaohe1 写道

怎么不行。
导入IFrame.as出现小红叉

AIR应用直接使用Html组件即可

2 楼 xlaohe1 2011-08-29  

不行。
我的代码

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
					   xmlns:s="library://ns.adobe.com/flex/spark"
					   xmlns:mx="library://ns.adobe.com/flex/mx" width="775" height="485" 
					   xmlns:local="*" initialize="init()">
	<mx:TabNavigator id="tab"  
					 width="100%"  
					 height="100%">  
		<mx:Canvas label="视图 1" width="100%" height="100%">
		</mx:Canvas> 
	</mx:TabNavigator>
</s:WindowedApplication>

1 楼 xlaohe1 2011-08-29  

怎么不行。
导入IFrame.as出现小红叉