PROBANDO COMPONENTES FLEX 5: NumericStepper y LinkButton En este tutorial vamos a probar algunos componentes Flex en un proyecto Flex que

crearemos previamente. 1.- NumericStepper Si en el MXML introducimos: ? 1<mx:NumericStepper id="nstepper1" value="6" stepSize="2" maximum="100"/> 2 Obtendremos un resultado como el de la imagen:

2.- LinkButton Si en el MXML introducimos: ? 1<mx:HBox> 2 <mx:LinkButton label="link1"/> <mx:LinkButton label="link2"/> 3 <mx:LinkButton label="link3"/> 4 </mx:HBox> 5 Obtendremos un resultado como el de la imagen:

Veamosl con un ejemplo, en el Flash Builder crea una nueva "MXML Application" con el nombre que quieras y despues que quede como este MXML. ? 1<mx:LinkButton label="ADBE" 2width="100" 3click="navigateToURL( 4 new URLRequest('http://www.google.es'), '_blank')"/> 5 Si todo va bien, al darle a "Run" llegaras a una pgina como esta. Vemos que en este ejemplo se usa la funcin "navigateToURL" para abrir una URL en una ventana nueva cada vez que el usuario pinche sobre l. Tambien podemos usar los "mx:LinkButton" para cambiar la navegacin de un tag "mx:ViewStack ".Veamosl con un ejemplo, en el Flash Builder crea una nueva "MXML Application" con el nombre que quieras y despues que quede como este MXML. ? 1 <mx:VBox> 2 <!-- Put the links in an HBox container across the top. --> 3 <mx:HBox> 4 <mx:LinkButton label="Clientes" 5 click="viewStack.selectedIndex=0;"/> 6 <mx:LinkButton label="Pedidos" click="viewStack.selectedIndex=1;"/> 7 <mx:LinkButton label="Productos" 8 click="viewStack.selectedIndex=2;"/> 9 </mx:HBox> 10 11 <!-- This ViewStack container has three children. --> <mx:ViewStack id="viewStack"> 12

<mx:VBox width="150"> 13 <mx:Label text="Inicio-->Clientes"/> 14 </mx:VBox> 15 <mx:VBox width="150"> 16 <mx:Label text="Inicio-->Pedidos"/> </mx:VBox> 17 <mx:VBox width="150"> 18 <mx:Label text="Inicio-->Productos"/> 19 </mx:VBox> 20 </mx:ViewStack> 21</mx:VBox> 22

Si todo va bien, al darle a "Run" llegaras a una pgina como esta. Vemos que en este ejemplo cuando se hace click sobre un botn, se cambia el elemento mostrado en el ViewStack. 3.- A practicar...