`

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中,有多种方式来实现场景间的切换: 1. **ViewStack组件**:ViewStack是一种容器组件,它可以容纳多个子组件,并通过改变selectedItem或selectedChild属性来展示不同的子组件,实现页面...

    FLEX 页面跳转的实现

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

    Flex PureMVC页面跳转

    在Flex应用程序中,页面跳转是用户体验的重要组成部分,PureMVC提供了优雅的方式来管理这些交互。本文将深入探讨如何在Flex环境中利用PureMVC进行页面跳转。 首先,理解PureMVC架构的核心组件:模型(Model)、视图...

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

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

    flex动态导航跳转页面

    Flex动态导航跳转页面是一种基于Adobe Flex技术构建的交互式用户界面,主要用于Web应用程序的开发。Flex是一个开源框架,它允许开发者使用ActionScript语言和MXML标记语言来创建丰富的互联网应用(RIA)。在本场景中...

    flex的跳转

    以下是对Flex中实现页面跳转的几种方法的详细解释: 1. **使用ViewStack组件**: ViewStack是一种布局容器,它允许你在其中添加多个子组件,并通过改变selectedChild属性来显示或隐藏不同的子组件,从而实现类似...

    flex sample-跳转

    总结来说,"flex sample-跳转"项目展示了Flex开发中ViewStack控件的基本用法,通过它我们可以创建多页面的富互联网应用,提供简单的导航功能。深入理解并掌握ViewStack的使用,将有助于提升Flex应用程序的交互性和...

    flex state跳转

    本篇文章将深入探讨“flex state跳转”这一主题,以及如何在Flex项目中利用state来实现页面或组件的动态跳转。 一、什么是Flex State Flex State是Flex应用中的一个重要概念,它允许开发者定义UI组件在不同场景下的...

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

    7. **页面跳转**: 在Flex应用中,跳转到另一个页面通常涉及到导航组件,如NavigatorContent或使用URLNavigation跳转到新的浏览器窗口。在DataGrid中,当用户点击某个单元格时,可以通过ActionScript监听事件并执行...

    Flex4创建页面

    - 页面之间的切换通过URL跳转实现,即从一个地址加载到另一个地址。 - 数据通常是静态的,或者通过表单提交和服务器端处理来动态生成。 **Flex中的状态(相当于页面)**: - Flex应用中的“状态”类似于HTML中的...

    j2ee+flex4

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

    flex 和 js 交互

    3. **页面导航**:Flex应用可以调用JavaScript函数来处理页面跳转,提供更丰富的用户体验。 4. **浏览器特性检测**:JavaScript可以检测浏览器特性,然后将这些信息传递给Flex,帮助Flex适应不同的浏览器环境。 5....

    flex分页 很好很强大

    2. 用户界面:前端展示分页控件,包括页码按钮、跳转输入框等,用户可以通过这些元素切换页面。 3. 事件处理:监听用户操作,如点击页码按钮,触发数据重新加载并更新页面内容。 4. 动态加载:使用JavaScript动态...

    Flex入门文档 -王一松

    页面跳转 - **导航管理**:在复杂的Flex应用中,页面之间的跳转是非常常见的需求。这部分内容会介绍如何实现页面间的导航,以及如何管理和传递状态信息。 #### 11. 样式与主题 - **美化UI**:Flex允许开发者通过...

    Flex 分页组件,flex自定义组件

    Flex分页组件是一种在Flex应用程序中用于展示大量数据并分批加载的重要工具。它通过将大量数据分成小块,每次只加载一部分,提高了用户界面的响应速度和用户体验。本组件适用于那些需要显示大量数据,如表格、列表...

    flex分页控件的使用

    5. 页数跳转:允许用户直接输入页码或选择页面,快速跳转到特定页。 6. 显示当前页码和总页数:让用户了解他们在数据集中的位置。 在Flex中,我们可以自定义一个分页控件来实现这些功能。例如,上述代码展示了如何...

    flex pdf 电子书

    4. **交互性**:Flex PDF电子书支持用户交互,比如点击链接跳转到其他页面、填写表单、播放嵌入的音频或视频,甚至进行简单的游戏和模拟操作。 5. **响应式设计**:Flex PDF电子书可以自适应不同的设备和屏幕尺寸,...

    Flex与JS交互

    - **页面控制**:Flex应用可以通过JavaScript控制HTML页面的元素,如改变DOM结构,执行页面跳转,或者控制其他JavaScript库。 - **用户交互**:当用户在Flex组件上进行操作时,可以触发JavaScript事件,反之,...

Global site tag (gtag.js) - Google Analytics