Programación con AS3. Andrés Pastorini. TRIA Tecnólogo Informático

Transcripción

1 Programación con AS3 Andrés Pastorini TRIA Tecnólogo Informático

2

3 Sintaxis básica de AS3 Declaración de Variables var x:number; Estructuras de control if-else,for, for each (var i:int in array), for (var key:* in object({one: ONE, two: TWO };)),while,do-while Declaración de funciones [virtual override final] [public protected private] [static] function nombre_funcion([nombreparámetro:tipoparametro[= DefaultValue ]]*):[Tipo retorno void]//los parametros obligatorios deben ir agrupados al principio Impresión en la linea de comandos trace( el mensaje es + msj); Importación de paquetes y/o clases import (nombre_paquete nombre clase)

4 Declaración de clases [dynamic] [public internal] [final] class classname [ extends superclass ] [ implements interfacename[, interfacename... ] ] { // definición } public La clase es visible para todos dynamic Las instancias de la clase pueden ser modificadas dinámicamente, por ejemplo se les puede agregar propiedades en tiempo de ejecución. final La clase no puede ser extendida. internal La clase está disponible,para cualquier clase que se encuentre en su mismo paquete. (Los archivos mxml son en si mismos también una clase.)

5 Getters and Setters function get propertyname():returntype { // deben contener un return } function set propertyname(value:*):void { // no return }

6 Declaración de Interfaces interface InterfaceName [extends InterfaceName] No se pueden definir interfaces en MXML Contienen solo declaraciónes de método (operaciónes) Las definiciones de métodos no contienen modificadores de acceso(public, ) La implementación de métodos debe ser marcadas como public No declaran propiedades pero si se pueden agregar getters and setters

7 Paquetes package packagename { class SomeClassName { } } Organizan jerarquicamente un conjunto de clases dandole un nombre a la agrupación. Permite dar un nombre a una agrupación de clases para luego poder importarlas refiriendose a ellas con el nombre de su paquete.

8 Importación de contenido import packagename.classname; import packagename.*; Permite que se posible utilizar elementos definidos en otras clases y paquetes. Existe también otra directiva denominada include que incluye el contenido de un archivo externo como parte del script, el contenido incorporado mediante include es invocado en tiempo de compilacion.

9 MetaData Proven información al compilador de como serán usados los componentes Se puede anotar a una clase entera o a un atributo de una clase. Se pueden crear metadatas y anotar componentes con ella pero se debe compilar con la opción keep-as3-metadata. Se puede utilizar la Api de Refleciont para operar sobre la metadata.

10 MetaData [ArrayElementType( com.miclase.data.entity )] public var items : Array; [Bindable] public var data : Object; package com.view { [DefaultProperty( items )] public class CustomComponent extends UIComponent { public var items : Array; } }

11 MetaData [Embed(source= assets/animation.swf )] public var embededmovie : Class; [Event(name= mouseover, type= flash.events.mouseevent )] [Event(name= mouseout, type= flash.events.mouseevent )] public class CustomComponent {} //Ide Code hinting [InstanceType( mx.controls.label )] public var toprow : IDeferredInstance;

12 MetaData [RemoteClass] public class EmployeeInformation {} Registra la clase para preservar el tipo de información cuando la instancia es serializada por amf [RemoteClass(alias= com.server.employeeinfo )] public class EmployeeInformation {} Representa un objeto del servidor desde la aplicación cliente [Transient] public var isemployeesessionopen : Boolean; Annotates properties that should be skipped when synchronizing with remote object mapped with [RemoteClass] [Style(name= shadowangle, type= int, inherit= yes )] public class CustomComponent extends UIComponent {}

13 Display Object Es la clase encargada de contener y visualizar elementos. Existe una jerarquía de elementos (instancias directas e indirectas) Cada transformación que sea realizada sobre un display padre es automáticamente realizada también en todos sus descendientes. El método addchild(x:displayobject) permite agregar un nuevo nodo x como hijo directo de el display object sobre el cual se ejecuto está operación. El último nodo agregado será el que tenga mayor indice z.

14 Eventos MouseEvent (Down, Up,Move, Click ) KeyBoardEvent (Down, Up,..) Para manejar los eventos se deben registrar y asignar una función que los controle, lo que comúnmente se denomina handler: Registrar evento addeventlistener(evento:string,nombrefunciónmanejadora) Dejar de registrar el evento removeeventlistener(evento:string,nombrefunciónmanejadora)

15 Eventos event.stoppropagation(); Durante cualquier fase se puede detener y hacer que el evento no se siga propagando en los distintos display object de una jerarquía, permite al currentnode que ejecute sus listeners. event.stopimmediatepropagation(); No permite ejecutar níngun otro event listeners en la ejecución del currentnode event.preventdefault(); Muchos eventos tienen asociados comportamientos por defecto, éste comportamiento puede ser anulado utilizando este método.

16 Eventos Propiedades Bubbles:Boolean Indica cuando un evento es del tipo Bubble. Cancelable:Boolean Indica cuando el comportamiento de un evento puede ser cancelado. currenttargetboolean Es el objeto que esta actualmente procesando el evento mediante algún eventlistener.

17 Eventos Propiedades eventphase:uint Es la actual fase en el flujo del evento: EventPhase.CAPTURING_PHASE EventPhase.AT_TARGET EventPhase.BUBBLING_PHASE target:object Es el nodo de la display list que contiene el despachador del evento. type:string Es el nombre del evento.

18 Eventos AS3

19 Eventos AS3

20 Eventos AS3

21 Eventos AS3

22 Eventos AS3

23 Eventos AS3

24 Eventos AS3

25 Animaciones (MovieClip) AS3 Propiedades básicas x,y,height, width,rotation, scalex, scaley,mousex,mousey,alpha,visible Para dibujar en un clip utilizamos la clase Graphics linestyle,moveto,lineto,beginfill,endfill, clear. Detección de colisiones hittestobject(x:movieclip) //controla si se superponen las bounding box de los dos movie clips hittestpoint(x,y,flag:boolean) //controla si hay colicion en determinado pixel, si es falsa el chequeo es contra la bundingbox Animación gotoandplay(nro_de_frame, nombre escena ) stop()

26 Ejercicios AS3 Investigar las siguientes clases y librerías: SharedObject Mask Timer TransitionManager as3corelib(investigar en particular para el manejo de formatos de imagenes)

27 Ejercicios AS3 Investigar el manejo de xml con AS3, en especial utilizando E4X

28 Bibliografía Essential Action Script 3, O Reilly

29 Fin