Flex頁面跳轉(zhuǎn)實現(xiàn)的幾種方式
本文和大家重點討論一下Flex頁面跳轉(zhuǎn)的幾種方式,首先我們來看一下Flex頁面跳轉(zhuǎn)的概念,頁面在Flex里面其實就是一個個的Canvas,vbox,hbox等等之類的東西,看到的不同頁面的切換,就是這些元素一層層的堆積,或者替換,但是為了好理解,還是稱之為"頁面跳轉(zhuǎn)"。
Flex頁面跳轉(zhuǎn)
實現(xiàn)Flex頁面跳轉(zhuǎn)以下幾種方式:
1、使用ViewStack組件,把要跳轉(zhuǎn)的頁新建成MXMLComponent,然后通過ViewStack組件把這些頁包含進來,然后再通過改變ViewStack的selectedItem或者selectedChild來切換這些頁。
- <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>
- <mx:Buttonclickmx:Buttonclick="storeViews.selectedChild=homeView;"/>
2、使用navigateToURL,主要方式如下:
- varurl:String="http://localhost:8080/Flex_Java_Demo/welcome.html";
- varrequest:URLRequest=newURLRequest(url);
- navigateToURL(request,"_blank");
這個方法實現(xiàn)Flex頁面跳轉(zhuǎn)時會彈出新的頁面,而不是只變換url。
3、引用flash中的importflash.external.ExternalInterface這個接口,它能提供像jsp中window.location.href方法一樣方便,主要代碼為:
- ExternalInterface.call("function(){window.location.href=
- 'http://localhost:8080/Flex_J2eeDemo/bin/Welcome.html';}");
4、使用組件技術(shù),把不同的頁面做成component,然后通過TabNavigator等進行切換,通過使用state實現(xiàn)跳轉(zhuǎn)。
5、把不同的頁面做成Module,然后使用ModuleLoder來進行加載切換。
【編輯推薦】
- 四種方式實現(xiàn)Flex頁面跳轉(zhuǎn)
- Flex基礎(chǔ) 創(chuàng)建***個Flex項目
- 解析Flex事件執(zhí)行流程
- FlexBuilder3.0與Eclipse3.4的***結(jié)合
- 學(xué)習(xí)筆記 FlexBuilder2.0中如何使用基于Lists的控件