`

flex"页面跳转"

    博客分类:
  • Flex
阅读更多

其实对于这个题目是不恰当的,因为flex中是没有页面这个概念的,页面在flex里面其实就是一个个的Canvas,vbox,

hbox等等之类的东西,看到的不同页面的切换,就是这些元素一层层的堆积,或者替换,但是为了好理解,还是称之为

"页面跳转"。其实我们可以对比传统的C/S开发模式,没页面跳转,只有窗体和元件的显示和隐藏。

       那么在flex中怎么实现页面的跳转了,我总结了下,主要有一下几种方式:

      1、使用ViewStack组件,具体代码如下所示:把要跳转的页新建成 MXML Component,然后通过 ViewStack 组件把

这些页包含进来
<mx:ViewStack id="storeViews" width="100%" height="550" creationPolicy="all">
   <shouye id="homeView"  label="首    页" showEffect="WipeDown" hideEffect="WipeUp"  />
   <leixing id="pView"    label="模板类型"  showEffect="WipeDown" hideEffect="WipeUp" />
   <make id="supportView" label="立即制作" showEffect="WipeDown" hideEffect="WipeUp"  />
</mx:ViewStack>
然后再用别的组件切换这些页,比如用 Button
<mx:Button click="storeViews.selectedChild=homeView;"  />   

效果:

见附件sample3.zip

   2、使用navigateToURL,主要方式如下:var url:String = "http://localhost:8080/Flex_J2eeDemo/bin/Welcome.html"; 
                                                                   var request:URLRequest = new URLRequest(url); 
                                                                   navigateToURL(request,"_blank");

但是这个方法很郁闷就是页面切换总是弹出新的页面,而不是只变换url

  3、也是我采用的方法,就是引用flash中的 import flash.external.ExternalInterface 这个接口,他能提供像jsp中window.location.href方法一样方便,主要代码为: ExternalInterface.call("function()

{window.location.href='http://localhost:8080/Flex_J2eeDemo/bin/Welcome.html';}

 

");

 4、使用组件技术,把不通的页面做成component,然后通过TabNavigator等进行切换,通过使用state实现跳转。

效果:

见附件sample4.zip
    最后总结下吧:在Flex中,根本就没有页面的概念,有的只有状态,Flex是通过改变不同的状态在我们的Application中

实现不同页面的平滑变换。目前已有人提出使用"栈"的"后进先出"的思想等等方法来实现,当然还有其他的方法,但

是都需要我们的不断探索、挖掘。

分享到:
评论
6 楼 Sev7en_jun 2011-11-21  
Sev7en_jun 写道
ExternalInterface.call("function()

{window.location.href='http://localhost:8080/Flex_J2eeDemo/bin/Welcome.html';}

");
请问红色这段路径怎么动态获取?



可以通过Application.application.url来获取当前服务URL,然后再通过切割字符串拼接出新的路径,暂时就知道这个方法
5 楼 Sev7en_jun 2011-11-21  
ExternalInterface.call("function()

{window.location.href='http://localhost:8080/Flex_J2eeDemo/bin/Welcome.html';}

");
请问红色这段路径怎么动态获取?

4 楼 lujinan858 2010-03-31  
songfantasy 写道
不错,谢谢了,常用的是那种啊?

第四种好一些 不过这要看你们的项目需求了
3 楼 songfantasy 2010-03-31  
不错,谢谢了,常用的是那种啊?
2 楼 lujinan858 2010-03-01  
zuozhengfeng 写道
我觉得这个概念很好,而且页面切换是很正常的需要

谢谢品读 希望共同进步
1 楼 zuozhengfeng 2010-03-01  
我觉得这个概念很好,而且页面切换是很正常的需要

相关推荐

    Flex页面跳转.txt

    Flex页面跳转,Flex页面跳转,Flex页面跳转,Flex页面跳转

    flex页面跳转及数据绑定

    flex页面跳转及数据绑定的方法,flex页面跳转及数据绑定的方法

    FLEX 页面跳转的实现

    四种方式实现Flex页面跳转 在学习Flex的过程中,你可能会遇到Flex页面跳转的问题,本文和大家分享一下,页面在flex里面其实就是一个个的Canvas,vbox,hbox等等之类的东西,看到的不同页面的切换,就是这些元素一...

    路由技术解决页面跳转问题

     页面跳转路由技术,算来并不是一个很新的技术,但却是一项有用的技术。在网站有很多需要跳转的页面,而我们又需要动态地在主页面中加载子页面时,就会用到这门技术。以我们公司现在这个项目为例,前台是由FLEX实现...

    Flex PureMVC页面跳转

    Flex PureMVC页面跳转

    flex动态导航跳转页面

    flex作的动态导航跳转页面,文件不大可以放在首页上作导航页面跳转使用

    j2ee+flex4

    flex 根据状态切换改变页面显示和页面跳转 1.登陆 2.商品管理 (商品的 增删改查 ) 双击商品进入修改操作 3.用户管理 (查看用户基本信息,完善用户详细资料) 4.完善用户资料(数据简单验证,错误提示信息) 5....

    flex as actionscript datagrid 背景色 flash itemRenderer script iframe overrider 跳转到别的页面

    基于flex的最牛的datagrid做的节目或者课程播表,用ml存储数据,连接到别的页面.

    跟我StepByStep学FLEX教程-王一松.pdf

    1 14 跟我StepByStep学FLEX教程------Demo7之页面跳转 1 15 跟我StepByStep学FLEX教程------manager 1 16 跟我StepByStep学FLEX教程------Demo8之样式和主题 1 17 跟我StepByStep学FLEX教程------自定义主题 1 ...

    通信与网络中的路由技术解决页面跳转问题

     页面跳转路由技术,算来并不是一个很新的技术,但却绝对是一项有用的技术。在网站有很多需要跳转的页面,而我们又需要动态地在主页面中加载子页面时,就会用到这门技术。以我们公司现在这个项目为例,前台是由FLEX...

    FlexBook组件在Book.as中添加跳转Page功能

    分享给遇到用FlexBook组件时,大概就是从这儿下的http://www.rubenswieringa.com/code/as3/flex/Book/,页面无法直接跳转的童鞋们,直接保存名字为Book.as替换原来的Book.as文件即可直接使用jumpToPage方法跳转页面

    微信小程序 详解页面跳转与返回并回传数据

    微信小程序 详解页面跳转与返回并回传数据 A页面: .wxml文件 &lt;view class=flex-wrp&gt; 选择城市 &lt;input style=width: 68%; type=text bindtap=city placeholder=请选择城市 value={{cityName}}/&gt; .js文件...

    小程序Demo

    小程序简单入门项目,快速掌握Flex布局、图片上传、获取地理位置、页面跳转等基础功能

    django+mysql+vue从零开始到上线一个Demo下载网站(前后端完整源码).zip

    涉及技术要点:django: 安装,如何创建一... vue: css样式、 flex布局、vue模板语法、 vue生命周期、vue路由及传参、页面跳转、 组件属性及监听、route-view主子组件通讯、JSON对象操作、深拷贝; nignx: 配置发布网站

    微信小程序-微信小程序项目集合

    里面涉及到的一些知识点:数据绑定、页面渲染、逻辑结构、事件响应、页面跳转等。 骚客天气 用微信小程序搭建的简易天气界面,可以看到当天和未来三天的天气情况。里面涉及到的一些知识点:位置接口、网络通信、...

    vue实现一个Demo下载网站(纯前端).zip

    本demo运用vue技术完成前端的各种交互,如数据绑定,列表显示,点击事件,页面跳转,页面间传参,数据处理,图片显示,涉及知识点包括:css, flex布局,公共样式,js引入,vue语法,vue路由,对初学者有一定的帮助

    Hui-Admin-Pro

    vue-router路由跳转 (层级嵌套适配、跳转前的拦截、跳转后页面自动滚到顶部) vuex管理 (导航高亮、多分页标签切换、根据用户动态菜单路由控制等) less flex弹性布局 没有使用eslint 代码风格插件 更新日志: 1....

    Hui-Admin-Pro:Hui-Admin-Pro基于VueCli3.0搭配iView UI形成一套企业级中台前端解决方案

    vue-router路由跳转 (层级嵌套适配、跳转前的拦截、跳转后页面自动滚到顶部) vuex管理 (导航高亮、多分页标签切换、根据用户动态菜单路由控制等) less flex弹性布局 没有使用eslint 代码风格插件 更新日志: 1....

    WX_mini-programs:微信小程序

    用来跳转页面 属性:url 协商跳转的路径地址 每个page都有四个文件 app.js app.json app.wxml app.wxss 新建之后会自动将路径存入到 全局的json文件中,如果有的模板不需要json就删除路径 主文件夹 app.js app.json ...

    blue-rabbit:虹猫蓝兔系列之蓝兔音乐

    基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐WebApp,UI 界面参考了安卓版的QQ音乐、flex 布局适配常见移动端。 部分图片预览 开发目的 通过学习开发一个 Vue ...

Global site tag (gtag.js) - Google Analytics