Flex中页面跳转问题.docxVIP

Flex页面跳转四种方法 在学习Flex的过程中，你可能会遇到 Flex页面跳转的问题，本文和大家分享一下，页面在flex 里面其实就是一个个的 Canvas ， vbox， hbox等等之类的东西，看到的不同页面的切换，就 是这些元素一层层的堆积，或者替换，但是为了好理解，还是称之为 页面跳转“。 Flex页面跳转 其实对于这个题目是不恰当的，因为 flex中是没有页面这个概念的，页面在 flex里面其实就是 一个个的Canvas ，vbox， hbox等等之类的东西，看到的不同页面的切换，就是这些元素一层 层的堆积，或者替换， 但是为了好理解，还是称之为 “页面跳转“。其实我们可以对比传统的 C/S 开发模式，没页面跳转，只有窗体和元件的显示和隐藏。 那么怎么实现 Flex页面跳转呢，我总结了下，主要有一下几种方式： 1、 使用ViewStack 组件，具体代码如下所示：把要跳转的页新建成 MXMLComponent, 然后 通过ViewStack组件把 这些页包含进来 1. mx:ViewStackidmx:ViewStackid=storeViewswidth=100%height=550creatio nPoli cy=all shouyeidshouyeid=homeViewlabe匸 首页 showEffect=WipeDow nhideEffect=WipeUp/ leixi ngidleixi ngid=pViewlabel= 模板类型 showEffect=WipeDow nhideEffect=WipeUp/ makeidmakeid=supportViewlabel= 立即制作 showEffect= WipeDow nhideEffect=WipeUp/ /mx:ViewStack 然后再用别的组件切换这些页，比如用 Butt on mx:Butt on clickmx:Butt on click=storeViews.selectedChild=homeView;/ 2、 使用navigateToURL ，主要方式如下： varurl:Stri ng= http://localhost:8080/Flex_J2eeDemo/bi n/Welcome.html; varrequest:URLReque st=n ewURLReque st(url); navigateToURL(request,_bla nk); 但是这个方法很郁闷就是页面切换总是弹岀新的页面，而不是只变换 url 3、 也是我采用的方法， 就是引用flash中的importflash.external.Externallnterface 这个接口， 他能提供像jsp中window.location.href 方法一样方便，Flex页面跳转主要代码为： 1. ExternalI nterface.call(fu nctio n() x_J2eeDemo/b in/Welcome.html;}{wi ndow.locatio n.href= http://localhost:8080/Fle x_J2eeDemo/b in/Welcome.html;} 3. ); 4、使用组件技术，把不通的页面做成 compo nent ，然后通过 TabNavigator 等进行切换，通 过使用state实现跳转。 最后总结下吧：在 Flex中，根本就没有页面的概念，有的只有状态， Flex是通过改变不同的状 态在我们的 Applicati on 中实现不同页面的平滑变换。目前已有人提岀使用 栈的后进先岀 的思想等等方法来实现，当然还有其他的方法，但是都需要我们的不断探索、挖掘。 在学习Flex的过程中，你可能会遇到Flex页面跳转的问题，本文和 大家分享一下，页面在 flex里面其实就是一个 个的Canvas， vbox，hbox等等之类的东西，看到的不同页面的切换，就是这些元 素一层层的堆积，或者替换，但是为了好理解，还是称之为页面跳转 。 Flex页面跳转 其实对于这个题目是不恰当的，因为flex中是没有页面这个概念的， 页面在flex里面其实就是一个个的 Canvas，vbox，hbox等等之类 的东西，看到的不同页面的切换，就是这些元素一层层的堆积，或者 替换，但是为了好理解，还是称之为页面跳转。其实我们可以对比 传统的C/S开发模 式，没页面跳转，只有窗体和元件的显示和隐藏。 那么怎么实现Flex页面跳转呢，我总结了下，主要有一下几种方式： 1、使用ViewStack组件，具体代码如下所示：把要跳转的页新建成 MXMLComponent,然后通过 ViewStack 组件把 这些页包含进来 1. 1. mx:ViewStackidmx