Comunicación entre componentes/modulos utilizando Singleton
Jan/107
En un post anterior (y muy antiguo) comentaba que se podía utilizar Application.application para comunicarse con la aplicación principal desde un módulo, si bien es cierto esta misma operación se puede realizar a través de eventos, lo cual sería la forma más limpia de hacerlo, hay otra, la cual sería "sucia" pero rápida que es utilizando Singleton.
Lo primero es crear esta clase, como ejemplo:
Util.as
package { public class Util { public var variableTemporal:Object; private static var instance:Util; public static function getInstance():Util { if(instance == null) { instance = new Util(); } return instance; } } }
Esta clase permitirá almacenar en la variable "variableTemporal" los objetos que queramos almacenar y acceder desde cualquier componente/modulo, obviamente en vez de utilizar una variable publica, podemos crear funciones setter/getter.
Luego, debemos instanciar la clase en la aplicación principal:
Prueba.mxml
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" creationComplete="creationCompleteHandler(event)"> <fx:Script> <![CDATA[ import mx.events.FlexEvent; protected function creationCompleteHandler(event:FlexEvent):void { Util.getInstance(); // Guardo en la variableTemporal // un valor para hacer la prueba Util.getInstance().variableTemporal = {prueba: 'Hola'}; } ]]> </fx:Script> </s:Application>
Luego de esto, ya podemos utilizar nuestra clase desde cualquier componente o modulo, por ejemplo:
Prueba.mxml
<?xml version="1.0" encoding="utf-8"?> <s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/halo" creationComplete="init()"> <fx:Script> <![CDATA[ private function init():void { trace("Valor variableTemporal:" + Util.getInstance().variableTemporal.prueba); } ]]> </fx:Script> </s:Group>
Ojalá les sirva de ayuda
Flash Builder 4: “Content Assist Error”
Nov/090
Probablemente a más de alguno le ha pasado que al intentar utilizar el autocompletado en Flash Builder 4 Beta 2, aparece un popup con un "Content Assist Error", la forma de solucionarlo es:
- Cierra Flash Builder 4
- Elimina .metadata/.plugins/com.adobe.flexbuilder.codemodel de tu workspace
- Inicia nuevamente Flash Builder
Con esto debería funcionar sin problemas el autocompletado
E4x en Actionscript3
Nov/090
Investigando, encontré un muy buen post de lo que se puede realizar con E4X en AS3, altamente recomendado.
Plugins para Flash Builder
Aug/091
Encontré esta lista de plugins que normalmente utilizo para desarrollar en Flex, donde se explica como instalar cada uno, entre ellos están:
- Eclipse PDT
- Subeclipse
- Entre otros
FlashBuilder/Eclipse : installation guide - subclipse, PDT, WTP and Maven
Conector a AMFPHP Simple
Feb/092
Tengo prácticamente tirado el blog, así que pondré a disposición una pequeña clase que desarrollé el otro día
Si no nos gusta utilizar RemoteObjects para cada módulo, ni tampoco queremos usar un Framework más denso, hay una opción, que es utilizar la clase Servicios y definir los Handlers en las funciones que estimemos convenientes, el código es el siguiente:
/** Andrés Villagrán Placencia andres@villagranquiroz.cl http://www.villagranquiroz.cl **/ package com.villagranquiroz.utils { import flash.net.NetConnection; import flash.net.Responder; import mx.utils.ObjectUtil; public class Servicios { private var gateway:String; private var conexion:NetConnection; public function Servicios(amfGateway:String) { gateway = amfGateway; conexion = new NetConnection(); conexion.connect(gateway); } public function send(nombre:String, result:Function, ... args):void { var responder:Responder = new Responder(result, onFault); //No necontré una forma más facil de hacer esto, si alguien sabe como pasar params* me avisa <img src='http://andres.villagranquiroz.cl/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> switch(args.length) { case 0: conexion.call(nombre, responder); break; case 1: conexion.call(nombre, responder, args[0]); break; case 2: conexion.call(nombre, responder, args[0], args[1]); break; case 3: conexion.call(nombre, responder, args[0], args[1], args[2]); break; case 4: conexion.call(nombre, responder, args[0], args[1], args[2], args[3]); break; case 5: conexion.call(nombre, responder, args[0], args[1], args[2], args[3], args[4]); break; case 6: conexion.call(nombre, responder, args[0], args[1], args[2], args[3], args[4], args[5]); break; } } private function onFault(fault:Object):void { trace("Error: " + ObjectUtil.toString(fault)); } } }
Como se utiliza?
private var servicios:Servicios; // Esta sería la funcion que instancia a los servicios private function init():void { servicios = new Servicios("http://www.villagranquiroz.cl/url/amfphp/gateway.php"); } private function llamada():void { // Con esto realizamos una llamada y asignamos la función que recibirá la respuesta servicios.send("Prueba.NombreFuncionAMFPHP", NombreFuncionAMFPHPHandler); // Si la función remota necesita parametros, se ponen despues de el nombre de la función } private function NombreFuncionAMFPHPHandler(event:ResultEvent):void { Alert.show("Respuesta: " + ObjectUtil.toString(event.result)); }
Espero que les sirva, también pueden crear una clase que contenga todos los Handlers, así no repiten funciones en los módulos. Recuerden que el ejemplo anterior no está completo, faltan los imports y una que otro código.
Flex Builder : Desactivar Warnings CSS
Jan/090
Este es un muy buen tip, para eliminar los molestos warnings de CSS (pero mantener los otros), debes agregar a las propiedades de compilación del proyecto la siguiente linea:
-show-unused-type-selector-warnings=false
Con eso ya no tendras esos molestos mensajes, gracias a Daniel R.
Nuevas
Jan/090
Uuff, todavía estoy terminando el 2008 en la Universidad, por lo cual no he podido hacer muchas cosas y grandes proyectos que tengo en mente, terminando esta semana comenzaré a agregar más contenido al blog (tengo mucho código que he creado para varios proyectos que pueden ser muy útiles), terminar de una buena vez con http://www.flexcamp.cl, editar y subir los videos del Flex Camp, avanzar en Social Media Player y otros proyectos no públicos que tengo en mente
De cualquier forma, se viene un muy buen 2009, comenzando con mi otra empresa que estamos formando con Carolina, Aldora.org donde confeccionamos ropa institucional y prendas de vestir (Alguien dijo una polera de Adobe, Flex, Gnome, Linux, "AGREGUE NOMBRE AQUÍ"?)
Flex Builder + Eclipse PDT
Nov/080
Esto es más un recordatorio que otra cosa.
Para instalar Eclipse PDT (PHP) dentro de Zend Framework es muy aconsejable seguir esta guía: http://wiki.eclipse.org/PDT/Installation
Slides charlas introductorias y fotografías
Oct/080
Hoy fue un muy buen día, para haber organizado el viernes las charlas todo salio muy bien, buena asistencia y harto interés, varios quedaron fascinados con SlideRocket (Quienes son auspiciadores de Flex Camp Chile).
Pueden ver las presentaciones aquí:
Introducción a Flex / Adobe AIR:
Flex + Zend Framework:
Fotografías:
http://picasaweb.google.com/avillagranp/20081029CharlasFlex
Gana un Mac Book AIR
Oct/081
Adobe está regalando un Mac Book AIR con Adobe CS4 preinstalado, como también Flex Builder 3 en su página en facebook: http://www.facebook.com/pages/Adobe-Flex/6130149579
Que tengan suerte!