`
yangguoklose
  • 浏览: 20705 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

四种方式实现Flex页面跳转

    博客分类:
  • flex
阅读更多
引用
Flex页面跳转是不被大多数人知道的东西,这里向大家简单介绍一下实现Flex页面跳转的几种方式,希望本文介绍对你有所帮助。

在学习Flex的过程中,你可能会遇到Flex页面跳转的问题,本文和大家分享一下,页面在flex里面其实就是一个个的Canvas,vbox,hbox等等之类的东西,看到的不同页面的切换,就是这些元素一层层的堆积,或者替换,但是为了好理解,还是称之为"页面跳转"。

Flex页面跳转

其实对于这个题目是不恰当的,因为flex中是没有页面这个概念的,页面在flex里面其实就是一个个的Canvas,vbox,hbox等等之类的东西,看到的不同页面的切换,就是这些元素一层层的堆积,或者替换,但是为了好理解,还是称之为"页面跳转"。其实我们可以对比传统的C/S开发模式,没页面跳转,只有窗体和元件的显示和隐藏。

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

1、使用ViewStack组件,具体代码如下所示:把要跳转的页新建成MXMLComponent,然后通过ViewStack组件把这些页包含进来


<mx:ViewStackidmx:ViewStackid="storeViews"width="100%"height="550"creationPolicy="all">
<shouyeidshouyeid="homeView"label="首页"showEffect="WipeDown"hideEffect="WipeUp"/>
<leixingidleixingid="pView"label="模板类型"showEffect="WipeDown"hideEffect="WipeUp"/>
<makeidmakeid="supportView"label="立即制作"showEffect="WipeDown"hideEffect="WipeUp"/>
</mx:ViewStack>
然后再用别的组件切换这些页,比如用Button
<mx:Buttonclickmx:Buttonclick="storeViews.selectedChild=homeView;"/>

2、使用navigateToURL,主要方式如下:
varurl:String="http://localhost:8080/Flex_J2eeDemo/bin/Welcome.html"; 
varrequest:URLRequest=newURLRequest(url); 
navigateToURL(request,"_blank");
但是这个方法很郁闷就是页面切换总是弹出新的页面,而不是只变换url

3、也是我采用的方法,就是引用flash中的importflash.external.ExternalInterface这个接口,他能提供像jsp中window.location.href方法一样方便,Flex页面跳转主要代码为:

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

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

最后总结下吧:在Flex中,根本就没有页面的概念,有的只有状态,Flex是通过改变不同的状态在我们的Application中实现不同页面的平滑变换。目前已有人提出使用"栈"的"后进先出"的思想等等方法来实现,当然还有其他的方法,但是都需要我们的不断探索、挖掘。
分享到:
评论

相关推荐

    FLEX 页面跳转的实现

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

    Flex页面跳转.txt

    根据给定文件的信息,本文将深入探讨Flex页面跳转的各种方式,并通过具体的代码示例来解释如何在实际项目中实现这些跳转。 #### 二、Flex页面跳转方法概述 Flex提供了多种页面跳转的方式,主要包括: 1. **使用...

    flex页面跳转及数据绑定

    首先,Flex页面跳转。在Flex中,有多种方式来实现场景间的切换: 1. **ViewStack组件**:ViewStack是一种容器组件,它可以容纳多个子组件,并通过改变selectedItem或selectedChild属性来展示不同的子组件,实现页面...

    Flex PureMVC页面跳转

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

    flex动态导航跳转页面

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

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

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

    flex的跳转

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

    flex sample-跳转

    在描述中提到的示例,我们可能看到一个使用ViewStack实现的多页面应用,其中包含了不同的视图,用户可以通过点击按钮或其他交互方式在这些视图之间切换。 要使用ViewStack,首先需要在MXML代码中声明一个ViewStack...

    flex state跳转

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

    Flex4创建页面

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

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

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

    flex分页 很好很强大

    Flex分页是一种在Web开发中实现页面数据分块显示的技术,尤其在大数据量展示时,它能有效地提高用户体验,减少页面加载时间,并提供流畅的滚动交互。标题“flex分页 很好很强大”和描述“简单引用 很方便”暗示了...

    Flex +BlazeDS+java后台分页的实现

    以下是实现Flex + BlazeDS + Java后台分页的步骤: 1. **创建Flex UI组件**:在Flex中,创建一个包含分页控件(如Pager组件)的用户界面。这个组件会显示当前页数、总页数以及导航按钮,允许用户切换页面。 2. **...

    j2ee+flex4

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

    flex 和 js 交互

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

    Flex入门文档 -王一松

    这部分内容会介绍如何配置BlazeDS,并实现Flex与Java服务端的数据交互。 #### 15. 整合Spring框架 - **前后端分离**:Spring是一个流行的Java企业级开发框架,可以用来管理业务逻辑和服务层。整合Flex与Spring可以...

    flex完全自学手册

    页面跳转与导航 Flex支持动态加载和显示不同的页面或模块,这对于构建大型应用程序非常重要。书中将介绍如何使用Flex的导航框架,如Navigator和NavigationService,来实现页面之间的平滑过渡和导航。 ### 9. 样式...

    FLEX DATA GRID 分页

    在Flex开发中,数据网格(Data Grid)是一种常用的组件,用于显示大量结构化的数据,并提供交互功能,如排序、筛选和编辑。分页是管理大量数据流的关键特性,它允许用户逐页浏览数据,而不是一次性加载所有内容,...

    flex分页控件的使用

    在`mx:Script`标签内,你可以编写处理这些按钮点击事件的函数,例如,`method_le()`应实现跳转到首页的功能,`method_l()`则应返回上一页,而`method_r()`和`method_re()`分别用于前进和跳转到最后一页。同时,`...

    flex + java教程

    - **页面跳转** 是 Web 应用中的常见需求,Flex 通过不同的方法实现了这一功能。 - 例如,可以使用 `mx.controls.Navigator` 或其他第三方库来实现页面之间的导航。 - 正确地管理页面跳转对于创建流畅的用户体验非常...

Global site tag (gtag.js) - Google Analytics