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

简介:

Flex页面跳转有很多值得学习的地方,本文向大家介绍一下Flex页面跳转的几种方式,主要包括五种方式,这里为大家一一介绍。

AD:

在学习Flex的过程中,你可能会遇到Flex页面跳转的概念,这里和大家分享一下Flex中实现Flex页面跳转以下几种方式,相信本文介绍一定会让你有所收获。

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;"/> 
  8.  

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

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

这个方法实现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来进行加载切换

分类:  Flex
本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/p/3434666.html ,如需转载请自行联系原作者
相关文章
|
6月前
|
前端开发 容器
前端页面布局之【Flex布局】详解
前端页面布局之【Flex布局】详解
71 0
|
6月前
|
Web App开发 前端开发 安全
flex布局轻而易举实现页面布局;超详细解析轻松掌握
flex布局轻而易举实现页面布局;超详细解析轻松掌握
35 0
|
前端开发
CSS样式控制页面的几种方式
1.行内样式。 把样式写在元素标记之间。 用css控制页面样式的行内样式 2.内嵌式 把样式写在head之间,并且用<style></style>包括起来。
181 0
|
小程序 容器
玩转微信小程序页面的flex布局
文本主要讲解flex布局的基础知识
280 0
玩转微信小程序页面的flex布局
|
前端开发 容器
前端样式布局flex
作者主页:https://www.couragesteak.com/
前端样式布局flex
【Layui】对于post请求方式的分页引发的刷新父级页面问题
【Layui】对于post请求方式的分页引发的刷新父级页面问题
354 0
【Layui】对于post请求方式的分页引发的刷新父级页面问题