引用
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里面其实就是一个个的Canvas,vbox,hbox等等之类的东西,看到的不同页面的切换,就是这些元素一...
Flex页面跳转,Flex页面跳转,Flex页面跳转,Flex页面跳转
flex页面跳转及数据绑定的方法,flex页面跳转及数据绑定的方法
以我们公司现在这个项目为例,前台是由FLEX实现,整个系统可能只有几个application组成,所有的功能点均由module实现,而Module本身无法实现各module之间的跳转,只能通过application实现对各个module的动态加载来...
Flex PureMVC页面跳转
flex作的动态导航跳转页面,文件不大可以放在首页上作导航页面跳转使用
Flex 页面实例 Flex 页面实例 Flex 页面实例
最简单的BlazeDS实现flex与java通信..无积分下载...最简单的BlazeDS实现flex与java通信..无积分下载...最简单的BlazeDS实现flex与java通信..无积分下载...最简单的BlazeDS实现flex与java通信..无积分下载...最简单的...
flex三种实现滚动条方式,其实是两种,样式的以两种表现形式写出了。然后,自定了一个滚动条
flex的跳转
flex开发中的一些小例子,这个是用viewstack控件开发的跳转功能
flex与后台交互的常用四种方式
flex 页面布局教程 详细介绍了页面的各个组件
抓取AMF协议的flex页面,支持模拟登录和页面抓取。
FLEX 实现页面与ActionScript代码完全分离(后缀名丢失,下载后自行添加.rar)
html+css,使用flex布局搭建页面,纯前端,初学党可借鉴学习如何使用flex布局页面
flex开发的跳转例子,使用state来实现跳转功能
使用BlazeDS实现flex与java 整合 使用BlazeDS实现flex与java 整合 flex+java
Flex连接数据库的3种方式; Flex 3.0 + Java + SQL
Flex页面嵌入jsp文件 flex-iframe1.5.1.zip解压找到flex-iframe-1.5.1\flex-iframe-1.5.1\bin\flex-iframe-1.5.1.swc放入flex项目的libs里面如果不是web项目就放倒lib里面,然后在你的mxml的头部里输入xmlns:名字(你...