^M Archive Flex | Andrés Villagrán Placencia

Flex

Comunicación entre componentes/modulos utilizando Singleton

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

  1. package {
  2. public class Util {
  3. public var variableTemporal:Object;
  4. private static var instance:Util;
  5.  
  6. public static function getInstance():Util {
  7. if(instance == null) {
  8. instance = new Util();
  9. }
  10. return instance;
  11. }
  12. }
  13. }

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

  1.  
  2. <?xml version="1.0" encoding="utf-8"?>
  3. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  4. xmlns:s="library://ns.adobe.com/flex/spark"
  5. creationComplete="creationCompleteHandler(event)">
  6. <fx:Script>
  7. <![CDATA[
  8. import mx.events.FlexEvent;
  9.  
  10. protected function creationCompleteHandler(event:FlexEvent):void {
  11. Util.getInstance();
  12.  
  13. // Guardo en la variableTemporal
  14. // un valor para hacer la prueba
  15. Util.getInstance().variableTemporal = {prueba: 'Hola'};
  16.  
  17. }
  18. ]]>
  19. </fx:Script>
  20. </s:Application>
  21.  

Luego de esto, ya podemos utilizar nuestra clase desde cualquier componente o modulo, por ejemplo:

Prueba.mxml

  1.  
  2. <?xml version="1.0" encoding="utf-8"?>
  3. <s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
  4. xmlns:s="library://ns.adobe.com/flex/spark"
  5. xmlns:mx="library://ns.adobe.com/flex/halo"
  6. creationComplete="init()">
  7.  
  8. <fx:Script>
  9. <![CDATA[
  10. private function init():void {
  11. trace("Valor variableTemporal:" + Util.getInstance().variableTemporal.prueba);
  12. }
  13. ]]>
  14. </fx:Script>
  15. </s:Group>
  16.  

Ojalá les sirva de ayuda 😉

Tags: , , ,

Thursday, January 28th, 2010 Flex, Uncategorized 8 Comments

Flash Builder 4: “Content Assist Error”

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 😀

Tags: , ,

Sunday, November 22nd, 2009 Flex No Comments

E4x en Actionscript3

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/

Tags: , , ,

Sunday, November 1st, 2009 Flash, Flex No Comments

Plugins para Flash Builder

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

Thursday, August 13th, 2009 Flex 1 Comment

Conector a AMFPHP Simple

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:

  1.  
  2. /** Andrés Villagrán Placencia
  3.   andres@villagranquiroz.cl
  4.   http://www.villagranquiroz.cl
  5. **/
  6. package com.villagranquiroz.utils {
  7. import flash.net.NetConnection;
  8. import flash.net.Responder;
  9.  
  10. import mx.utils.ObjectUtil;
  11.  
  12. public class Servicios
  13. {
  14. private var gateway:String;
  15.  
  16. private var conexion:NetConnection;
  17.  
  18. public function Servicios(amfGateway:String)
  19. {
  20. gateway = amfGateway;
  21. conexion = new NetConnection();
  22. conexion.connect(gateway);
  23.  
  24. }
  25. public function send(nombre:String, result:Function, ... args):void {
  26. var responder:Responder = new Responder(result, onFault);
  27. //No necontré una forma más facil de hacer esto, si alguien sabe como pasar params* me avisa 🙂
  28. switch(args.length) {
  29. case 0: conexion.call(nombre, responder); break;
  30. case 1: conexion.call(nombre, responder, args[0]); break;
  31. case 2: conexion.call(nombre, responder, args[0], args[1]); break;
  32. case 3: conexion.call(nombre, responder, args[0], args[1], args[2]); break;
  33. case 4: conexion.call(nombre, responder, args[0], args[1], args[2], args[3]); break;
  34. case 5: conexion.call(nombre, responder, args[0], args[1], args[2], args[3], args[4]); break;
  35. case 6: conexion.call(nombre, responder, args[0], args[1], args[2], args[3], args[4], args[5]); break;
  36. }
  37.  
  38. }
  39.  
  40. private function onFault(fault:Object):void {
  41. trace("Error: " + ObjectUtil.toString(fault));
  42. }
  43.  
  44. }
  45. }
  46.  

Como se utiliza?

  1.  
  2. private var servicios:Servicios;
  3.  
  4. // Esta sería la funcion que instancia a los servicios
  5. private function init():void {
  6. servicios = new Servicios("http://www.villagranquiroz.cl/url/amfphp/gateway.php");
  7. }
  8.  
  9. private function llamada():void {
  10. // Con esto realizamos una llamada y asignamos la función que recibirá la respuesta
  11. servicios.send("Prueba.NombreFuncionAMFPHP", NombreFuncionAMFPHPHandler);
  12. // Si la función remota necesita parametros, se ponen despues de el nombre de la función
  13. }
  14. private function NombreFuncionAMFPHPHandler(event:ResultEvent):void {
  15. Alert.show("Respuesta: " + ObjectUtil.toString(event.result));
  16. }
  17.  

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.

Tags: , ,

Monday, February 23rd, 2009 AMFPHP, Flex 2 Comments

Flex Builder : Desactivar Warnings CSS

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.

Tags: , , ,

Wednesday, January 21st, 2009 Flex No Comments

Nuevas

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Í"?)

Tags: , ,

Sunday, January 11th, 2009 Aldora, Flex 2 Comments

Flex Builder + Eclipse PDT

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

Tags: , ,

Saturday, November 15th, 2008 Flex, PHP No Comments

Slides charlas introductorias y fotografías

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

Tags: , ,

Wednesday, October 29th, 2008 Adobe Student Rep, Flex, Flex Camp Chile No Comments

Gana un Mac Book AIR

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!

Tags: , ,

Wednesday, October 22nd, 2008 Adobe, Flex 4 Comments