Flex页面跳转实现的几种方式

本文和大家重点讨论一下Flex页面跳转的几种方式，首先我们来看一下Flex页面跳转的概念，页面在Flex里面其实就是一个个的Canvas，vbox，hbox等等之类的东西，看到的不同页面的切换，就是这些元素一层层的堆积，或者替换，但是为了好理解，还是称之为"页面跳转"。

Flex页面跳转

实现Flex页面跳转以下几种方式：

1、使用ViewStack组件，把要跳转的页新建成MXMLComponent,然后通过ViewStack组件把这些页包含进来，然后再通过改变ViewStack的selectedItem或者selectedChild来切换这些页。

 
 
 

  
  
  
<mx:ViewStackidmx:ViewStackid="storeViews"width="100%"height="550"creationPolicy="all"> 
  
  
  
<shouyeidshouyeid="homeView"label="首页"showEffect="WipeDown"hideEffect="WipeUp"/> 
  
  
  
<leixingidleixingid="pView"label="模板类型"showEffect="WipeDown"hideEffect="WipeUp"/> 
  
  
  
<makeidmakeid="supportView"label="立即制作"showEffect="WipeDown"hideEffect="WipeUp"/> 
  
  
  
</mx:ViewStack> 
  
  
  
<mx:Buttonclickmx:Buttonclick="storeViews.selectedChild=homeView;"/> 
  
  
  
 
 
 
 

 2、使用navigateToURL，主要方式如下：

 
 
 

  
  
  
varurl:String="http://localhost:8080/Flex_Java_Demo/welcome.html";  
  
  
  
varrequest:URLRequest=newURLRequest(url);  
  
  
  
navigateToURL(request,"_blank"); 
 
 
 

这个方法实现Flex页面跳转时会弹出新的页面，而不是只变换url。

3、引用flash中的importflash.external.ExternalInterface这个接口，它能提供像jsp中window.location.href方法一样方便，主要代码为：
 

 
 
 

  
  
  
ExternalInterface.call("function(){window.location.href=  
  
  
  
 
  
  
  
'http://localhost:8080/Flex_J2eeDemo/bin/Welcome.html';}");  
 
 
 

4、使用组件技术，把不同的页面做成component，然后通过TabNavigator等进行切换，通过使用state实现跳转。

5、把不同的页面做成Module，然后使用ModuleLoder来进行加载切换。

【编辑推荐】

1. 四种方式实现Flex页面跳转
2. Flex基础 创建***个Flex项目
3. 解析Flex事件执行流程
4. FlexBuilder3.0与Eclipse3.4的***结合
5. 学习笔记 FlexBuilder2.0中如何使用基于Lists的控件