Comunicación entre componentes/modulos utilizando Singleton

28
Jan/10
0

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”

22
Nov/09
0

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:

  1. Cierra Flash Builder 4
  2. Elimina  .metadata/.plugins/com.adobe.flexbuilder.codemodel de tu workspace
  3. Inicia nuevamente Flash Builder

Con esto debería funcionar sin problemas el autocompletado :D

E4x en Actionscript3

1
Nov/09
0

Investigando, encontré un muy buen post de lo que se puede realizar con E4X en AS3, altamente recomendado.

http://dispatchevent.org/roger/as3-e4x-rundown/

Tagged as: , , ,

Acceder a componente padre desde itemRenderer

23
May/09
1

Una forma útil de acceder a algún componente padre desde un itemRenderer personalizado es a través de la propiedad owner, como ejemplo práctico tendremos un List y un componente del tipo VBox con un botón que llamará a una función de la lista:

Lista.mxml

 
<?xml version="1.0" encoding="utf-8"?>
<mx:List xmlns:mx="http://www.adobe.com/2006/mxml"
	itemRenderer="itemRender">
	<mx:Script>
		<![CDATA[
			public function getClick(datos:String):void {
				trace("Datos: " + datos);
			}
		]]>
	</mx:Script>
</mx:List>
 

itemRender.mxml

 
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Script>
		<![CDATA[
			public function enviarDatos():void {
				var padre:Lista = owner as Lista;
				padre.getClick("Enviando datos");
			}
		]]>
	</mx:Script>
	<mx:Button label="Boton" click="enviarDatos()" />
</mx:VBox>
 

Espero que les sirva de ayuda!

Conector a AMFPHP Simple

23
Feb/09
2

Tengo prácticamente tirado el blog, así que pondré a disposición una pequeña clase que desarrollé el otro día :P

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

21
Jan/09
0

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.

Flex Camp Chile en FayerWayer

7
Nov/08
0

FayerWayer ha comentado nuestro evento Flex Camp Chile, estamos muy contentos con el apoyo que nos han brindado, pueden ver más información en: http://www.fayerwayer.com/2008/11/flex-camp-chile/

Slides charlas introductorias y fotografías

29
Oct/08
0

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

Charlas de Flex

25
Oct/08
0

Realizaremos charlas en la Universidad del Bío Bío el día Miércoles 29 de Octubre desde las 16:30 hasta las 18:30 en el Auditorio de la Facultad de Ciencias Empresariales, el programa es el siguiente:

16:30 - 17:30 : Introducción a Flex y Adobe AIR
17:30 - 18:30 : Comunicación entre Flex y Zend Framework

Tendremos regalos de Adobe y Villagrán & Quiroz, pueden inscribirse al evento en:
http://www.facebook.com/event.php?eid=36795116643

Gana un Mac Book AIR

22
Oct/08
1

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!