在学习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

Flex 页面跳转 四种方法相关推荐

  1. 路由跳转四种方法(带参)

    路由跳转四种方法(带参) 方式1.router-link 1. 不带参数<router-link :to="{name:'home'}"> <router-lin ...

  2. HTML前端页面颜色的四种方法,色号表

    HTML前端页面颜色的四种方法,色号表 颜色的三种表示方式: (1)单词:red green black-用法: <font color="pink" size=" ...

  3. swf 在html页面平铺,四种方法实现动画SWF文件全屏效果

    如何让SWF文件全屏的效果? 第一种方法: 不显示浏览器菜单栏.工具栏的全屏.这种全屏稍稍复杂,也与 FLASH 的设置无关,但要借助JavaScript来完成.方法是:在HTML文件中间加入以下代码 ...

  4. html中看到php代码_分享查看页面源代码的四种方法

    前端开发人员在浏览网页时,遇到自己喜欢的网页,总想看看代码是怎么写的,也有些人需要对网页源代码进行修改,那你知道怎么查看一个网页的源代码吗?这篇文章就和大家讲讲如何查看源代码,以及不同浏览器的查看源代 ...

  5. 微信小程序页面跳转(三种方法)

    方法1 对标签绑定点击事件 <view bindtap="clickMe" data-nid="123" data-name="SD" ...

  6. 【Vue】实现当前页面刷新的四种方法

    目录 前言 方法一:location.reload 方法二:$router.go(0) 方法三:provide.inject和$nextTick 方法四:创建空白页 前言 这两周在写一个后台管理,每次 ...

  7. javascript HTML静态页面传值的四种方法

    一:JavaScript静态页面值传递之URL篇 能过URL进行传值.把要传递的信息接在URL上.Post.htm 1 代码如下: 2 3 <input type="text" ...

  8. php页面跳转的方法,PHP实现页面跳转的四种方法

    PHP实现页面跳转的四种方法 发布时间:2020-05-20 11:36:01 来源:亿速云 阅读:172 作者:Leah 今天小编就为大家分享PHP实现页面跳转的四种方法.小编觉得挺实用的,为此分享 ...

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

    Flex页面跳转有很多值得学习的地方,本文向大家介绍一下Flex页面跳转的几种方式,主要包括五种方式,这里为大家一一介绍. AD: 在学习Flex的过程中,你可能会遇到Flex页面跳转的概念,这里和大 ...

最新文章

  1. python正则表达式需要模块_使用Python正则表达式模块,让操作更加简单
  2. 修改2k自动登陆的脚本
  3. linux设置默认时区,关于linux:如何修改-Linux-默认时区
  4. static_cast函数
  5. 说说成为顶级运营人员的一个先决条件:做事的霸气!
  6. 4、SpringBoot 配置和使用定时任务
  7. 5.1 Android Basic QuickStart Layouts Linear Layout
  8. lamp架构-访问控制-禁止php解析、屏蔽curl命令访问
  9. python可以做什么工作-Python入门后,想要从事自由职业可以做哪方面工作?
  10. javascript js string.Format()收集
  11. 2021如何运行带flash的html,2021年Flash被禁用后继续使用的方法
  12. 后端要学MySQL_后端程序员需要掌握MySQL数据库吗
  13. 14个面试中常见的概率问题
  14. HTML 表格与表单 个人简历
  15. 基于idea-SSM的在线投稿审稿系统-稿件管理-作者管理-稿件审核(javaweb-php-asp.netC#-j2ee)
  16. Armijo-Goldstein准则及Wolfe-Powell准则
  17. 办公小技巧3:Excel的处理小技巧
  18. dg和ogg的区别--oracle数据库
  19. Mac cocoapods安装步骤
  20. LeeCode 1488 贪心 + STL

热门文章

  1. 技能树 Web前端/php/JavaWeb/数据库
  2. 火柴排队(codevs 3286)题解
  3. Effective C# 学习笔记(五) 最好重载你所创建类的ToString()方法
  4. 小程序入门学习11--云开发04
  5. 在 Linux、 FreeBSD、 OpenBSD等UNIX操作系统 中查看 所有安装的软件或包
  6. 使用shell脚本 控制 python挂掉后自动重启
  7. gpio 树莓派3a+_树莓派4正式发布:35美元起售!真香
  8. 搞不明白老板想要看哪种报表,熬夜做到两点也是白费28
  9. 不融资,如何在大数据BI市场占据一席之地
  10. python学习精华——成长篇