Si estas trabajando con modulos me imagino que ya tienes bases bastante solidas con Flex y ActionScript, asi ke no te explico el codigo xq me imagino que lo entenderas rapido...
Lo unico que te digo es que los modulos los coloque en una carpeta llamada
modulos, si no entiendes alguna función revisa el Help Contens de Flex Builder.
Ojo! cuando trabajas con modulos tienes que preever si es necesario que entre ellos mismo se comuniquen o se pasen datos (esto dependera de la aplicacion que desarrolles)
Saludos y exitos viejo!!!
Aplicacion PrincipalCódigo Flex :
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init(event)">
<mx:Script>
<![CDATA[
import mx.events.IndexChangedEvent;
import mx.events.FlexEvent;
import mx.containers.TabNavigator;
private function init(e:FlexEvent):void {
tabNav.addEventListener(Event.TAB_INDEX_CHANGE, cambioHandler);
}
private function cambioHandler(e:Event):void {
var almacenaIndex:String = e.currentTarget.selectedIndex;
textoPrueba.text = almacenaIndex;
switch (almacenaIndex) {
case "0":
primeraVinieta.unloadModule();
primeraVinieta.url = "modulos/modulo1.swf";
primeraVinieta.loadModule();
break;
case "1":
segundaVinieta.unloadModule();
segundaVinieta.url = "modulos/modulo2.swf";
segundaVinieta.loadModule();
break;
}
}
]]>
</mx:Script>
<mx:Text id="textoPrueba"/>
<mx:TabNavigator id="tabNav" width="75%" height="80%" change="cambioHandler(event)">
<mx:ModuleLoader id="primeraVinieta" label="Primera Viñeta" horizontalAlign="center"/>
<mx:ModuleLoader id="segundaVinieta" label="Segunda Viñeta" horizontalAlign="center"/>
</mx:TabNavigator>
</mx:Application>
Modulo 1Código Flex :
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="80%" height="70%"
horizontalAlign="center">
<mx:Accordion label="Herramientas de Trabajo" height="150" width="200">
<mx:VBox label="Politicas de Promociones">
</mx:VBox>
<mx:VBox label="Margenes de Maniobra">
</mx:VBox>
<mx:VBox label="Aplicaciones Corporativas">
</mx:VBox>
</mx:Accordion>
</mx:Module>
Modulo 2Código Flex :
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="80%" height="70%"
horizontalAlign="center">
<mx:Accordion label="Manuales" height="150" width="200">
<mx:VBox label="Manuales de Procedimientos">
</mx:VBox>
<mx:VBox label="Manuales de Ingreso">
</mx:VBox>
<mx:VBox label="Manuales de Terminales">
</mx:VBox>
</mx:Accordion>
</mx:Module>