`
yuehuahappy
  • 浏览: 8234 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

   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实现跳转。效果如图所示:

 


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

 

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

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

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    Flex页面跳转.txt

    ### Flex页面跳转详解 #### 一、引言 在Flex开发中,页面跳转是一项基本且重要的功能,它能够帮助开发者实现应用内的导航逻辑,为用户提供流畅的使用体验。根据给定文件的信息,本文将深入探讨Flex页面跳转的各种...

    FLEX 页面跳转的实现

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

    flex sample-跳转

    在这个名为"flex sample-跳转"的项目中,我们可以深入探讨Flex中的ViewStack控件以及与其相关的开发技巧。 ViewStack是Flex提供的布局容器之一,主要用于展示一组子组件,每次只能显示一个子组件。这种容器非常适合...

    flex动态导航跳转页面

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

    flex页面跳转及数据绑定

    在Flex开发中,页面跳转和数据绑定是两个核心概念,它们对于构建动态且交互性强的应用至关重要。让我们分别深入探讨这两个主题。 首先,Flex页面跳转。在Flex中,有多种方式来实现场景间的切换: 1. **ViewStack...

    flex的跳转

    在Flex开发中,"flex的跳转"通常指的是在应用程序中实现不同视图或界面之间的切换。虽然Flex没有像传统Web应用那样明确的"页面"概念,但它提供了多种方式来模拟这种页面切换的效果。以下是对Flex中实现页面跳转的几...

    Flex PureMVC页面跳转

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

    FLEX 分页控件 可以跳转 上一页 下一页

    FLEX 分页控件 可以跳转 上一页 下一页 首页 尾页

    flex state跳转

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

    flex web工作流程图

    Flex Web工作流程图是一种利用Adobe Flex技术创建的用于设计和展示流程、工作流或系统交互的可视化工具。Flex是一款强大的开发框架,主要用于构建富互联网应用程序(Rich Internet Applications, RIA),它基于...

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

    以我们公司现在这个项目为例,前台是由FLEX实现,整个系统可能只有几个application组成,所有的功能点均由module实现,而Module本身无法实现各module之间的跳转,只能通过application实现对各个module的动态加载来...

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

    在标题和描述中提到的知识点主要涉及Flex DataGrid的自定义渲染、背景色设置、跳转到其他页面以及与Flash的集成。以下是对这些知识点的详细解释: 1. **Flex DataGrid**: Flex DataGrid是一种控件,用于显示和编辑...

    flex 和 js 交互

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

    flex中的login,logout示例(转载)

    flex中的login,logout示例.本文是从网上搜集来的资源,现转载。

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

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

    Flex入门文档 -王一松

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

    flex分页控件的使用

    在Flex开发中,分页控件是用于展示大量数据时必不可少的一个组件,它允许用户以较小的数据块(每页)浏览整个数据集,从而提高用户体验并减轻服务器负载。本篇文章将详细讲解如何在Flex中创建和使用分页控件。 首先...

    flex pdf 电子书

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

    QR码扫描(flex原生扩展)

    QR码扫描技术在移动应用开发中占据着重要地位,尤其在快速信息传递、链接跳转等方面发挥着巨大作用。在Flex开发中,为了让Flash应用程序能够利用手机硬件功能,如摄像头进行二维码扫描,需要借助原生扩展(Native ...

Global site tag (gtag.js) - Google Analytics