Flex 页面跳转四种方法

痛定思痛。 2023-08-17 15:50 162阅读 0赞

在学习Flex的过程中，你可能会遇到Flex页面跳转的问题，本文和大家分享一下，页面在flex里面其实就是一个个的 Canvas，vbox，hbox等等之类的东西，看到的不同页面的切换，就是这些元素一层层的堆积，或者替换，但是为了好理解，还是称之为"页面跳转"。  
  
Flex页面跳转  
  
其实对于这个题目是不恰当的，因为flex中是没有页面这个概念的，页面在flex里面其实就是一个个的Canvas，vbox，hbox等等之类的东西，看到的不同页面的切换，就是这些元素一层层的堆积，或者替换，但是为了好理解，还是称之为"页面跳转"。其实我们可以对比传统的C/S开发模式，没页面跳转，只有窗体和元件的显示和隐藏。  
  
那么怎么实现Flex页面跳转呢，我总结了下，主要有一下几种方式：  
  
1、使用ViewStack组件，具体代码如下所示：把要跳转的页新建成MXMLComponent,然后通过ViewStack组件把  
这些页包含进来  
  
  
   1. <mx:ViewStackidmx:ViewStackid="storeViews"width="100%"height="550"creationPolicy="all">  
   2. <shouyeidshouyeid="homeView"label="首页"showEffect="WipeDown"hideEffect="WipeUp"/>  
   3. <leixingidleixingid="pView"label="模板类型"showEffect="WipeDown"hideEffect="WipeUp"/>  
   4. <makeidmakeid="supportView"label="立即制作"showEffect="WipeDown"hideEffect="WipeUp"/>  
   5. </mx:ViewStack>  
  
然后再用别的组件切换这些页，比如用Button  
  
  
   1. <mx:Buttonclickmx:Buttοnclick="storeViews.selectedChild=homeView;"/>  
  
2、使用navigateToURL，主要方式如下：  
  
   1. varurl:String="http://localhost:8080/Flex\_J2eeDemo/bin/Welcome.html";   
   2. varrequest:URLRequest=newURLRequest(url);   
   3. navigateToURL(request,"\_blank");  
  
但是这个方法很郁闷就是页面切换总是弹出新的页面，而不是只变换url  
  
3、也是我采用的方法，就是引用flash中的importflash.external.ExternalInterface这个接口，他能提供像jsp中window.location.href方法一样方便，Flex页面跳转主要代码为：  
  
   1. ExternalInterface.call("function()   
   2. \{window.location.href='http://localhost:8080/Flex\_J2eeDemo/bin/Welcome.html';\}   
   3.   
   4. ");   
  
4、使用组件技术，把不通的页面做成component，然后通过TabNavigator等进行切换，通过使用state实现跳转。  
  
最后总结下吧：在Flex中，根本就没有页面的概念，有的只有状态，Flex是通过改变不同的状态在我们的Application中实现不同页面的平滑变换。目前已有人提出使用"栈"的"后进先出"的思想等等方法来实现，当然还有其他的方法，但是都需要我们的不断探索、挖掘。

转载于:https://www.cnblogs.com/JPAORM/archive/2011/03/27/2509824.html