Tips.cl

algunos ejemplos en flex

http://kanuwadhwa.wordpress.com/examples/

Compartelo

Me toco hacer una ventana PopUp con una imagen dentro…

aquí les dejo el código

Lo primero es crear la pagina que llamara el popup desde un botón

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Canvas xmlns:mx=”http://www.adobe.com/2006/mxml” width=”400″ height=”300″>
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
private function CreaPopUp():void {

var ventanaPopUp:popup=popup(PopUpManager.createPopUp(this,popup,false));

ventanaPopUp.title="TITULO POP UP";

ventanaPopUp.setStyle("borderAlpha", 0.9);

ventanaPopUp.showCloseButton=true; //Dejo visible el boton X para cerrar la ventana
ventanaPopUp.imagenAMostrar="img/p1.gif"; //Variable que indica que
ventanaPopUp.screen.x=120;
}
]]>
</mx:Script>
<mx:Button x=”96″ y=”145″ label=”Muestra PopUP” click=”CreaPopUp()”/>

</mx:Canvas>

ahora creamos la ventana PopUp llamada popup.mxml

<?xml version=”1.0″?>
<mx:TitleWindow  close=”finPopUp();” xmlns:mx=”http://www.adobe.com/2006/mxml”
creationComplete=”doInit();” layout=”absolute” x=”180″ y=”50″ >
<mx:Script>
<![CDATA[
import mx.core.ContainerGlobals;
import mx.managers.PopUpManager;

[Bindable]
public var imagenAMostrar:String; //variable

//funcion que se inicia al cargar el popup

private function doInit():void {
//PopUpManager.centerPopUp(this); si se quiere centrar el pop up descomentar esta linea
imagenDoc.source=imagenAMostrar;
}

//funcion que cierra el popup

private function finPopUp():void {

PopUpManager.removePopUp(this);
}
]]>
</mx:Script>

<mx:VBox height=”500″ width=”900″>
<mx:Image  id=”imagenDoc”/>

<mx:Button click=”this.finPopUp();” label=”Cerrar”/>
</mx:VBox>
</mx:TitleWindow>

Compartelo

En este ejemplo hay una caja de texto que al presionar la tecla Enter

muestra un Alert

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” xmlns:comp=”componentes.*” creationComplete=”main();”>

<mx:Script>
<![CDATA[

import flash.events.KeyboardEvent;
import mx.controls.Alert;

//funcion que recibe la tecla
// by mIGUEL
private function fnClic(eventObj:KeyboardEvent):void {
if (eventObj.keyCode == 13){
Alert.show("Presionaste Enter","www.Tips.cl");
}

}

//funcion principal que se carga una vez que se inicia la ventana
// by mIGUEL
public function main():void{
textCodigo.addEventListener("keyDown", fnClic);
}

]]>

</mx:Script>

<mx:Panel  id=”panelPrincipal” x=”10″ y=”23″ width=”728″ height=”435″ layout=”absolute” title=”">
<mx:TextInput id=”textCodigo” width=”280″    x=”152″ y=”115″/>

</mx:Panel>
</mx:Application>

Compartelo