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

本文和大家重点讨论一下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来进行加载切换。

【编辑推荐】