Question

I am developing a desktop application in flex wherein i have 2 screen(i.e is mxml windowedapplication) .i want to navigate from one one screen to another(from mxml file to another) .how can i do it?

Answer 1

you can use ViewNavigator in your desktop applications, just need to do some tricks

1. add to your project StageOrientationEvent class

   package flash.events
   {

   public class StageOrientationEvent extends Event
   {
       static public const ORIENTATION_CHANGE:String = "orientationChange";
       static public const ORIENTATION_CHANGING:String = "orientationChanging";
   
       public function StageOrientationEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false)
       {
           super(type, bubbles, cancelable);
       }
   }
   

   }

2. create new skin for ViewNavigator

   < s:Skin xmlns:fx=”http://ns.adobe.com/mxml/2009″ xmlns:s=”library://ns.adobe.com/flex/spark”
   xmlns:fb=”http://ns.adobe.com/flashbuilder/2009″ alpha.disabled=”0.5″ >

   <fx:Metadata>[HostComponent("spark.components.ViewNavigator")]</fx:Metadata>
   
   <fx:Script fb:purpose="styling">
       <![CDATA[         
   
           override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void
           {
               super.updateDisplayList(unscaledWidth, unscaledHeight);
           }
       ]]>        
   </fx:Script>
   
   <s:states>
       <s:State name="normal" />
       <s:State name="disabled" />
       <s:State name="landscape" />
       <s:State name="portrait" />
       <s:State name="landscapeAndOverlay" />
       <s:State name="portraitAndOverlay" />
   </s:states>
   
   <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0">
       <s:layout>
           <s:BasicLayout/>
       </s:layout>
   </s:Group>
   

   < /s:Skin>

3. Add mobilecomponents.swc to your project (you can find it in flex sdk folder, in my case path is C:\Program Files\Adobe\Adobe Flash Builder 4.6\sdks\4.6.0\frameworks\libs\mobile\mobilecomponents.swc)

4. assign your new ViewNavigator skin (step 2) to ViewNavigator

direct to ViewNavigator instance:

<s:ViewNavigator skinClass="path.to.skin.ViewNavigatorSkin"/>

or globally in css

s|ViewNavigator{
     skinClass: ClassReference("path.to.skin.ViewNavigatorSkin");
}