flex 页面跳转

demo:https://github.com/victoryckl/flex-demos/tree/master/pagejump

 

http://blog.csdn.net/sws9999/article/details/6238895

一般有两种比较好的方式："States" and "viewStack"

[xhtml]   view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:view="view.*"   
3.         creationComplete="initApp()" horizontalAlign="center" verticalAlign="middle">  
4.                   
5.         <mx:Style source="style.css" />  
6.           
7.         <mx:Script>  
8.                 <!--[CDATA[  
9.                         import flash.events.Event  
10.                         import mx.managers.CursorManager  
11.                         import model.ModelLocator  
12.                           
13.                         import mx.controls.Alert  
14.                           
15.                         private var instance:ModelLocator = ModelLocator.getInstance();  
16.                           
17.                         internal function initApp():void{  
18.                                 currentState="Login";  
19.                                   
20.                                 instance.addEventListener(ModelLocator.LOGIN_OK,onLoginHandler)  
21.                                 instance.addEventListener(ModelLocator.LOGIN_FAILED,onLoginFailHandler)  
22.                         }  
23.                         internal function onLoginHandler(evt:Event):void{  
24.                                 currentState="Main";  
25.                         }  
26.                         internal function onLoginFailHandler(evt:Event):void{  
27.                                 Alert.show("登陆失败，请重新输入！","密码错了!")  
28.                         }  
29.                 ]]-->  
30.         </mx:Script>  
31.         <mx:states>          
32.                 <!-- login state -->  
33.                 <mx:State name="Login">  
34.                         <mx:AddChild position="lastChild">  
35.                                 <view:loginPanel id="loginPanel"/>  
36.                         </mx:AddChild>  
37.                 </mx:State>  
38.                   
39.                 <!-- Main state -->  
40.                 <mx:State name="Main">  
41.                         <mx:AddChild position="lastChild">  
42.                                 <view:main id="mainApp" />  
43.                         </mx:AddChild>  
44.                 </mx:State>                  
45.         </mx:states>  
46.           
47.          <mx:transitions>  
48.         <mx:Transition fromState="*" toState="*">  
49.                 <mx:Iris xFrom="10"  targets="{[loginPanel, mainApp]}"/>  
50.         </mx:Transition>  
51.         </mx:transitions>  
52.           
53.         <mx:ApplicationControlBar dock="true" fillAlphas="[0.2, 0.7]" >  
54.                 <mx:Label text="名片管理" />  
55.                 <mx:Spacer width="100%" />  
56.                 <mx:Label id="txtWelcome" visible="false" />  
57.         </mx:ApplicationControlBar>          
58.           
59. </mx:Application>