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

来源:互联网 发布:淘宝没收到货退款流程 编辑:程序博客网 时间:2024/06/06 02:43
Flex页面跳转

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

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

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

 

Flex页面跳转方式二:使用navigateToURL,主要方式如下:

  1. varurl:String="http://localhost:8080/Flex_Java_Demo/welcome.html";  
  2. varrequest:URLRequest=newURLRequest(url);  
  3. navigateToURL(request,"_blank");  //新页面
  4. //navigateToURL(request,"_self");  //本页面

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

 

Flex页面跳转方式三:引用flash中的importflash.external.ExternalInterface这个接口,它能提供像jsp中window.location.href方法一样方便,主要代码为:
 

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

Flex页面跳转方式四:使用组件技术,把不同的页面做成component,然后通过TabNavigator等进行切换,通过使用state实现跳转。

 

Flex页面跳转方式五:把不同的页面做成Module,然后使用ModuleLoder来进行加载切换。