Adobe Flex en Español

Deshabilitar la tecla Tab

2012-01-27T14:44:00.001-04:30

Saludos, así de fácil se puede evitar que al presionar la tecla Tab de los teclados el foco cambie de componente en componente. Pensé por un momento que con event.preventDefault funcionaría pero la respuesta es no. Entonces la manera correcta es utilizar tabChildren=false. tabChildren determina si los hijos del objeto permite el tab. La ayuda de flex dice que se debe usar hasFocusableChildren pero no me funcionó, así que recomiendo dejarla tal cual como está en el código a continuación.

01//Add key down event listener
02stage.addEventListener(KeyboardEvent.KEY_DOWN, myKeyDown);
03
04/**
05* Keyboard press function
06* @param event
07*
08*/       
09private function myKeyDown(event:KeyboardEvent):void
10{
11   if (event.keyCode == Keyboard.TAB)
12   {
13     trace("Key Down Tab");
14     //Get current target and set tab children to false
15     event.currentTarget.tabChildren = false;
16   }
17}

Fuente: cookbooks.adobe.com

Disable Tab to avoid Flash's focus rectangle: 

'via Blog this'

Flex Security Issue APSB11-25

2011-12-03T13:05:00.001-04:30

Según este post: http://kb2.adobe.com/cps/915/cpsid_91544.html#products -gracias @chiguire por la info- casi todas las aplicaciones compiladas en Flex 3 son vulnerables a ataques cross-site scripting (XSS).

Casi toda aplicación compilada desde la versión 3.0 hasta la 3.6, es vulnerable a ataques de este tipo, también las apps 4.x que se les haya compilado las librerías de flex de manera estática . Lo que nunca he entendido es, cómo hace un atacante para poner código en tu sitio (mis disculpas por la ignorancia al respecto del tema). La vulnerabilidad no aplica a aplicaciones creadas con Adobe AIR, con Adobe Flash y tampoco para las apps Flash Builder 4.x que se haya compilado como RSL.

Para aquellos que no conocen la diferencia de la compilación estática y dinámica de las librerías de Flex, aquí les dejo este link, que habla del tema. http://livedocs.adobe.com/flex/3/html/help.html?content=rsl_02.html

Para solucionar el problema, Adobe ofrece dos opciones:

Bajarte una aplicación AIR que verifica si tu aplicación es vulnerable y también permite crear un parche para tu app (http://kb2.adobe.com/cps/915/cpsid_91544/attachments/APSB11_25_Patch_Tool.air)
Actualizar el SDK de tu Flex Builder y re compilar la aplicación.

Saludos, verifiquen sus apps.

Adobe cede el soporte del SDK de Flex

2011-11-12T21:01:00.001-04:30

Comienzo citando a Deepa Subramaniam y a Andrew Shorten Product Managers en Adobe

In the long-term, we believe HTML5 will be the best technology for enterprise application development. We also know that, currently, Flex has clear benefits for large-scale client projects typically associated with desktop application profiles.

En criollo: A largo plazo, creemos que HTML5 será la mejor tecnología para desarrollo de aplicaciones empresariales. También sabemos que en la actualidad, Flex cuenta con claros beneficios para proyectos de clientes a gran escala por lo general asociados con aplicaciones de escritorio.

Y lo que para mi significa, olvidarme definitivamente de Adobe Flex. ADAPTARSE PARA SOBREVIVIR.

Adobe donará el SDK de Flex a un proyecto llamado Spoon. Un proyecto creado por la comunidad de Adobe para capturar la experiencia colectiva de aquellos individuos que implementan soluciones con el framework de Flex y aplicar ese conocimiento de manera constructiva a través de parchar defectos, contribución de características y aspectos del framework que limitan la extensibilidad.

Adobe entonces deja el framework a la comunidad, bajo una licencia de código abierto (¿Desde flex 3 no ha sido así?) lo que según ellos permitirá evolucionar el framework. Pero para serle sinceros por lo menos yo, como decimos en Venezuela, (no voy a gastar pólvora en Zamuros) y no se si lamentablemente, pero realmente me siento desconcertado al respecto, haber dedicado 5 años de mi carrera a Adobe Flex y enfocarme solo en eso, me ha hecho perder la noción de muchas otras tecnologías, para serles sinceros, me cuesta hacer una simple página en HTML, el CSS es terrible.. , el solo hecho de no poder hacer height=100% y width=100% y que un div realmente se comporte como lo hace cualquier componente en flex, me desespera!, y pues de verdad tengo el ánimo por el piso.

Empezar de nuevo con HTML 5, 6 o cualquiera que venga, es lo que de ahora en adelante me dedicaré a hacer, de panas, la promesa de Adobe en cuanto al desarrollo en AIR es cuento, el próximo año salen con que phonegap es el futuro del desarrollo móvil y vamos a quedar en las mismas, si nos ponemos a ver AIR es tan solo un wrapper de un .SWF, y un SWF = FLASH y flash está muriendo si no es que ya murió, además el rendimiento no es igual que una aplicación nativa, y quien sabe si lo sea en un futuro.

Así que señores, a adaptarse para sobrevivir.

Se cuidan.

Aquí les dejo los link de la información:

http://blogs.adobe.com/flex/2011/11/your-questions-about-flex.html
http://blog.hathersagegroup.com/post/12707734813/adobe-drops-the-flex-sdk-what-they-should-do-next

Hola HTML5 :(

2011-11-10T17:11:00.001-04:30

Aquí una prueba muy rudimentaria del nuevo rey de la interactividad, Heil HTML5!, dead to flash. Puedes hacer mouse down en el canvas para dibujar rayitas de random color. :-(.. Vamos a ver en cuanto Adobe irá a vender Edge.. para hacer dibujitos en HTML5.

Adobe Flash Player para móviles llega a su fin.

2011-11-09T15:10:00.001-04:30

Que pena escribir esto, pero lamentablemente Flash para dispositivos móviles morirá tal cual muchos lo predijeron. Así lo anunció Danny Winokur en el blog de Adobe el día de ayer, al parecer se dejaron ganar la batalla por el Canvas de HTML5 y CSS3.

Según, flash estará enfocado al desarrollo de aplicaciones nativas para todos los dispositivos usando Flex y AIR, esperemos ahora que a los fabricantes no les dé por simplemente no permitir que se desarrollen aplicaciones con AIR para sus dispositivos así como lo hizo el difunto Steve Jobs -causante de todo este revuelo- con sus iShitProducts.

Danny Winokur, aseguro que:

Nuestro trabajo futuro con Flash en dispositivos móviles estará enfocado en permitir a los desarrolladores empaquetar aplicaciones nativas con Adobe AIR para la mayoría de app stores. No vamos a continuar desarrallando Flash Player en el browser para que funcionen con nuevas configuraciones de dispositivos móviles (chipsets, browser, versión de SO, etc.) despues del lanzamiento de Flash Player 11.1 para Android y Blackberry Playbook.

Según, esos cambios les permitirán incrementar la inversión en HTML5 e innovar con Flash donde pueda tener más impacto para la industria, incluyendo juegos avanzados y video. También comenta que están trabajando en Flash Player 12 que traerá nuevas características (como siempre dicen) para el mundo de la alta definición.

Total señores, no habrá más Flash para móviles, que malo esto. Sencillamente no se por qué no se enfocaron en modificar el player para que funcionara mejor, en mi opinión personal, aún le faltaba a Flash para que funcionara como debe ser en dispositivos móviles, como por ejemplo el hecho de que las páginas web se volvían nada al rotar el equipo y volverlo a posición vertical, el hecho de no permitir a la animación ponerse en 100% 100% (esto creando .swf desde flex), y lo peor el flash player no permite hacer scroll de la página completa si el dedo está sobre player.

Así que siendo un poco pesimista, Flash Player definitivamente va a morir, tanto en PC's como en cualquier dispositivo que se inventen en el futuro, por allí decían que IE en Windows 8 no traerá permitirá correr Flash, la pregunta es, ¿Permitirá AIR? No lo sabemos si nos ponemos a ver ya no hay soporte de Adobe AIR para Linux, hoy es flash para móviles, y mañana... solo tendremos que esperar a que todas las empresas se pongan en contra de Adobe Flash Player para que termine de morir.

Saludos, var Pedro;

Aquí la fuente de la información http://blogs.adobe.com/conversations/2011/11/flash-focus.html

Fábula de la estructura organizacional

2011-11-02T15:57:00.000-04:30

La hormiga feliz

Efecto reflejo en Flash Builder 4

2011-10-06T14:39:00.000-04:30

El efecto de espejo o reflejo, es uno de los efectos que Apple nos hizo pensar que eran cool, creo que lo lograron por que si son bonitos, y dan buen impacto visual.. Actualizando un proyecto que tenía en fx3 a fb4 tuve que actualizarme un poco al respecto, siempre había usado la clase Reflection de rictus.com, -el post lo pueden ver aquí - para hacer este efecto.

Esa clase creo, me dio problemas cuando la implementé en mi proyecto fb4, así que lo del efecto de reflejo lo dejé para el final. Revisando en AdobeTV -sitio que siempre recomiendo a todos los que me escriben preguntando sobre como aprender Flex - encontré como hacerlo, Chet Hease explica cómo, el video es de dos partes y lo que no me gusta de Chet es que habla demasiado. Lo que tenemos que hacer es lo siguiente

1. Crear una clase llamada ReflectorContainer que va a extender de BitmapImage con el siguiente código

<?xml version="1.0" encoding="utf-8"?>
<s:BitmapImage
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
maskType="alpha"
filters="{[blur]}"
smooth="true"
width="{source.width}" height="{source.height}"
scaleY="-1">

<fx:Declarations>
<s:BlurFilter blurY="1" id="blur"/>
</fx:Declarations>
<fx:Script>
<![CDATA[
]]>
</fx:Script>
<s:mask>
<s:Group>
<s:Rect width="{source.width}" height="{source.height}">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="white" alpha="0" ratio="0.5"/>
<s:GradientEntry color="white" alpha="1"/>
</s:LinearGradient>
</s:fill>
</s:Rect>
</s:Group>
</s:mask>
</s:BitmapImage>

2. Envolver el contenido a ser reflejado y la instancia de ReflectorContainer con un VGroup quedando algo así

<s:VGroup gap="0" verticalAlign="top">
<s:Image id="cucho" x="146" y="10" width="280" height="200" scaleMode="stretch" smooth="true" source="cucho.jpg"/>
<local:ReflectionContainer source="{cucho}" width="{cucho.width}" height="{cucho.height}"/>
</s:VGroup>

y lesto, un efecto de reflejo sin mucho esfuerzo. Aquí les dejo el .fxp

Tres herramientas de Adobe Labs

2011-08-15T16:00:00.002-04:30

Adobe® AIR® LaunchPad

Vista inicial de Adobe AIR Launchpad

Adobe® AIR® Launchpad es una herramienta que "ayuda" a los desarrolladores Flex a iniciarse en el desarrollo de aplicaciones móviles y de escritorio (iOS, Android, Blackberry Playbook) desplegadas en AIR. Lo único que hay que hacer es seleccionar las caracteristicas que necesitemos, y Adobe AIR Launchpad crea un proyecto Flex listo para importar en Flash Builder con las caracteristicas que seleccionamos anteriormente. Según, ofreciendo facilidades para luego extender y modificar lo hecho.

Muse

Ventana de inicio de Muse

Una musa de inspiración para los creadores de páginas web..

"Crea sitios web tan fácil como cuando creas diseños para imprimir".. Puedes crear y publicar páginas en HTML haciendo uso de los últimos estándares sin escribir código. Muse, ahora en beta, te sirve de complemente para crear páginas web con un estilo profesional.

Adobe® Edge

UI de Adobe Edge

Diseño de movimiento e interacción de HTML5 Adobe ® Edge, es una herramienta de diseño de interacción que permite a los diseñadores llevar el contenido animado a las páginas web, utilizando estándares como HTML5, JavaScript y CSS 3.

Ahora me pregunto. ¿Por qué invertir 1700$ en comprar Adobe CS5.5 Web Premium, si cada vez están haciendo el trabajo más fácil?.

¿Por qué cualquiera que no haya estudiado 5 años una carrera relacionado a la computación puede agarrar herramientas como éstas y crear contenido "Profesional"?

¿Realmente te "facilitan" el trabajo o te hacen más perezoso?

Saludos.

Mi salto tamdem

2011-07-17T15:16:00.003-04:30

Como todo no tiene que ser estudios y Adobe Flex.. de vez en cuando hay que hacer cosas divertidas, una de éstas fue la invitación de mi gran amigo @CAP_13 a saltar en paracaidas con la escuela de paracaidismo de higuerote @Skydivevzla. De pana.. no me puedo quejar.. ya me han preguntado.. ¿Lo volverías a hacer? La respuesta es Si.. XD.

Para más información de la escuela www.skydivevenezuela.com la invitación está hecho para todos aquellos que deseen echarte un salto al vacio y de verdad vivir un experiencia indescriptible...

P.D. Lo único que da miedo es llenar la planilla del salto.. XD

Les dejo mi video, y las fotos del día tamdem

My Tamdem Jump from Pedro Varela on Vimeo.

Tamdem Jump (74 photos)

Adobe® AIR® App Challenge, Sponsored by Sony

2011-07-13T14:35:00.007-04:30

Pues si señores, el reto de Adobe AIR para desarrollar apps, patrocinado por Sony.. muy depinga la iniciativa perooo.. ¿por qué siempre nos tienen que dejar por fuera y restringir el concurso a algunos paises nada mas? llamense Germany, Italy, Japan, Spain, UK, and USA.

Será que piensan que por aquí abajo no sabemos del tema?? .. mmhh!!! que rabia de panas me da.. y pues nada si por ahí algún Español que está interesado en ganarse un buen dinero.. que me avise.

Los premios

El gran premio
100,000 US$
Premium Promotion on Sony Tablet*
Best Business & Productivity App
20,000 US$
Premium Promotion on Sony Tablet*
Best Game
20,000 US$
Premium Promotion on Sony Tablet*
Best Entertainment App
20,000 US$
Premium Promotion on Sony Tablet*
Best Lifestyle & Community App
20,000 US$
Premium Promotion on Sony Tablet*
Most Innovative App
10,000 US$
Premium Promotion on Sony Tablet*
MAX Public Favorite **
10,000 US$
Premium Promotion on Sony Tablet*
MAX Showcase Apps
10,000 US$
Premium Promotion on Sony Tablet*

Saludos, para más información. http://www.airappchallenge.com/

La política Venezolana y Adobe Flex

2011-07-11T10:33:00.006-04:30

Llegando a la oficina, @chiguire me comenta sobre una aplicación que creó una estudiante de la Universidad de Standford, Dorothy Kronick junto a un voluntario Christian Fon. Esta aplicación muestra las votaciones de los últimos 10 años realizadas en Venezuela en un Google Map, divididas en parroquias, municipios y estados. Lamentablemente podemos observar por que Chávez, y el Chavizmo están donde están.

La aplicación fue creada con Adobe Flex, - por cierto muy divertido el comentario de Caracas Chronicles autor del articulo "Even if you can't tell your Adobe Flex from your Adobo McCormick, though, you can still help make the beta bettah" - utiliza el API de Google Maps, XML para almacenar los datos y la información de los polígonos para dibujar los polígonos en el mapa.

Fuente: Caracas Chronicles.com

Para leer el articulo completo pueden seguir este link,
La aplicación en todo su contexto: Original

El diario de Pedro Varela

2011-07-07T11:55:00.000-04:30

Paper.li

@zguillez un colega de las RIA en Barcelona, España me hizo un @ hace unos días para ver su periódico, al pasear un poco el sitio me gusto bastante, y me llamó la atención las noticias de los "colaboradores" por que yo salía en una de ellas. Hoy decidí crear el mio y tarde un poco en darme cuenta de cómo funcionaba. Lo que paper.li hace es clasificar todos los tweets de tus seguidores y los tuyos en categorías, incluso agrega unos hashtags en el menú de navegación, supongo que para cada usuario es diferente.

Espero le echen un vistazo al sitio que está bastante interesante, es una mejor opción al twitter ya que le pone un orden al terrible timeline, es algo que siempre he criticado de twitter que entre tanta basura que publica la gente, te pierdes de información relevante e importante para ti.

Así que ahí les dejo el link de mi periodico: http://paper.li/flexenespannol/1310054503#

Saludos cordiales,

Pedro.

Funcionamiento de la etiqueta de MATE

2011-06-20T12:08:00.010-04:30

Este post es para intentar aclarar la duda de Carlos González sobre el funcionamiento de los injectors de MATE

Primero lo primero, ¿Qué es un Injector?. De acuerdo a la definición de asfusion

An Injectors tag defined in the Event Map is a container for InjectorPropertys that will inject properties coming from a source to a target, but they can also be used for other purposes.

Lo que en español se traduce como: La etiqueta Injector definida dentro del mapa de eventos o Event Map, es un contenedor para inyectar propiedades que vienen de una fuente hacia un destino, pero también puede ser usada para otros propósitos.

Los injectores funcionan de la siguiente manera.

Ejecutan las etiquetas internas en orden
Los injectores se ejecutan cuando un objeto de una clase es definido en el atributo objetivo es creado
Para que el inyector se ejecute, el objeto de esa clase necesita ser creado dentro del display list, o ser instanciado por las etiquetas ObjectBuilder o MethodInvoker

Ahora, un ejemplo.

Suponte que tienes una clase que maneja una persona, la clase se llama ManagerPersona, y tiene una clase llamada Persons con nombre y apellido como atributos de la clase, luego quieres "inyectar" la instancia de la clase Persona dentro de una de tus vistas, por ejemplo un panel que se llame DetallePersona, el cual debe tener una instancia de la clase Persona, debes hacer lo siguiente:

<Injectors target ="{DetallePersona}" >
     <PropertyInjector
          source="{ManagerPersona}"
          sourceKey="persona"
          targetKey="persona">
     </PropertyInjector>
</Injectors>

target: La vista, o clase donde quieres inyectar la propiedad
source: De dónde viene tu dato
sourceKey: ManagerPersona, puede contener muchas instancias de diferentes clases, tienes que especificar cuál es la que te interesa.
targetKey: Al igual que el source key, tu target puede tener muchas instancias de diferentes clases, y debes especificar a dónde vas a mandar lo que viene del source.

Saludos.

Aquí un ejemplo super sencillo del funcionamiento de los injectors

Te dejo el fxp compilado en (FB4.5) BAJAR

Flash Builder 4.5 + Catalyst 5.5

2011-05-18T18:43:00.001-04:30

Saludos nuevamente.

Desde que Adobe lanzó Flash Builder 4 no había tenido mucha intención de invertir tiempo en aprender sobre las novedades que esta versión daba a los desarrolladores, y mucho menos el modelo de componentes Spark, y sus famosos Spark Skins. Como todos sabemos Adobe sacó recientemente la Suite 5.5 y con ello Flash Builder 4.5 orientado al desarrollo de aplicaciones moviles, con este lanzamiento sentí que me estaba quedando en el aparato y que era hora de aprender FB4, pues bien, así fue.
Una vez descargada e instalada la Suite de CS5.5, me puse manos a la obra, notando algunas cositas que me gustaron y otras que no.

Lo que me gusta:

Compila mucho más rápido
Los componentes Spark son más bonitos
Las mejoras al momento de depurar la aplicación
La inspección de los .swc en el panel de navegación
El panel de Data/Services que permite la conexión al backend, y una vez bien conectado te crea todas tus clases en actionscript (), y las ubica en el paquete que tu decidas
La opción "Generate Event Handler", "Generate Service Call" (que solo funciona si tiene el paso 5 hecho)
La generación automática de Getter y Setters, incluso te agrega el [Bindable] y el evento de cambio
Y ya, hasta ahora eso

Lo que no me gusta:

Principalmente las vista de diseño
La opción Show Surrounding Containers está des-habilitada
Las hojas de estilo no tienen Desing View
El panel de Appereance no sirve practicamente para nada
La propiedad del color Chrome (hasta ahora no la encuentro muy útil, sí lo sé, todos los componentes usarían la misma base de color, igual no me gusta)

Sin embargo, las cosas que no me gustan.. las pasaron a Catalyst, todo el tema de la integración Diseñador-Desarrollador fue pensado justamente para eso.. separar roles. Leyendo el libro de training from de source Flash Builder 4, en el capitulo 17 hablan sobre Skining, leí lo básico y recorde lo que una vez escribí -"¿Quién ha usado Catalyst? Ralmente lo he probado y es un asco.. no me parece que mejore en nada el desarrollo de las aplicaciones.. hace cualquier cosa extraña.. Pero bueh.. ya se vera que pasa con el Burrito si mejora esto"- en mi post Flash Builder 'Burrito deje de leer y me fui a Catalyst, luego de observar la interfaz me puse a inventar y a jugar un poco con ella, y lo que me ví ME GUSTO DEMASIADO.

Flash Builder 4 y 4.5 no tiene vista de diseño por que se hace en Catalyst, se supone que el trabajo sucio del diseño lo hacen los diseñadores, pero obviamente, como desarrolladores también debemo conocer estas herramientas, y de verdad que por fiinnn vi la utilidad que tiene Catalyst. Aquí un ejemplito..

Voy a crear un Skin para un botón (ese es el ejemplo que pone todo el mundo) pero es lo más sencillo.

Catalyst tiene una librería común de componentes flex.

Una vez arrastrado el botón aparece lo que extrañaba en Flash Builder.

Un panel con los estados del botón.. cuando hacemos click en alguno de los estados, o doble click en el botón del canvas, te aparece un pop up, para crear el skin..

Ok, y continuación aparecen los estados del botón y todas las propiedades visuales del mismo.

Crean el diseño de su botón (buehhh eso lo hace el diseñador), agregan efectos, y todo lo que quieran.. incluso.. está el timeline para agregar efectos de transición entre los estados del component.. (eso aún no lo se utilizar bien) pero se ve muy interesante..

Además de todo eso vi algo bien interesando.. la vista de Código de Catalyst:

Por supuesto.. aquí vien lo que nos facilita la vida a los desarrolladores… el copy paste, y que gracias a los genios de Adobe no hay ni que hacerlo.. puesto que exportas de catalyst a Flash builder en un FXP.

Esta vista nos muestra incluso el Project Navigator.. y bien.. de aquí exportamos el proyecto en fxp, en swf, o de una vez a AIR

Cuidense, aquí les dejo el archivo de catalyst

Samsung presenta televisores con soporte Adobe AIR 2.5

2011-05-12T12:16:00.000-04:30

Link: CES 2011 | Samsung presenta televisores con soporte Adobe AIR 2.5

Solo espero que Adobe no saque una actualizaicón de la creative suite solo para desarrollar en televisores XD

Flex con back-end Java (traducido por mi)

2011-03-28T10:50:00.002-04:30

Compatriotas y no compatriotas, Adobe TV un proyecto de traducción de sus videos en cualquier idioma, esto con el propósito de evangelizar sus productos e integrar la comunidad de Adoberos (el que hace los adobes) a nivel mundial.

“The Adobe TV Community Translation project extends the reach of Adobe TV content by enabling volunteer translators worldwide to translate videos into any language” [1]

Bien, entre las miles de cosas que tengo que hacer, me he puesto a colaborar en el proyectico, y mi primera contribución es la traducción del video de James Ward sobre Flex y Java, James muestra tres tipos de conexiones con el back-end, que son básicamente las formas que tenemos de conectarnos en Flex con una fuente de datos externa.

La primera es con un XML que se obtiene de un JSP, a través de la etiqueta HTTPService podemos hacer la solicitud del XML.

La segunda es con SOAP, es decir web services, la etiqueta en flex es WebService y prácticamente es como la etiqueta anterior la diferencia esta en que HTTPService utiliza un url, y WebService un wsdl.

Y la tercera forma es a través de BlazeDS que utiliza el AMF (Action Message Format) para hacer la serialización de datos entre Java y Actionscript, la etiqueta utilizada en Flex es RemoteObject, y para utilizarla hay que configurar algunos archivos del lado del servidor para que esto funcione.

Las otras etiquetas HTTPService y WebService también pueden ser configuradas del lado del servidor todas tiene la propiedad “destination”, y pues para cada una hay un archivo diferente en el servidor que tenemos que configurar para que funcione correctamente.

Aquí les dejo el video, espero no haber comido muchos “typos”, el pana decía muchas veces “so”, “so”, (así qué, entonces)… y por ende mi traducción literal de la palabra.

Si están interesados en colaborar con la traducción de videos, vayan Adobe TV, y sigan los pasos en la pagina de Translation.

De Flash a HTML. Wallaby

2011-03-08T15:54:00.000-04:30

Adobe lanzó una aplicación que convierte de .fla a HTML5 uhh que emoción otro flash killer. La aplicación se llama Wallaby, y como lo dije antes lo que hace es convertir el .fla en HTML5, es una aplicación hecha en AIR, es experimenta y no funciona muy bien aún.

Para más información, ir a:

http://labs.adobe.com/technologies/wallaby/

Preview de wallaby

Experimento 1

Saludos,

Flash Builder 4 !! Descarga GRATIS ¡¡ (Flex4)

2011-02-28T10:14:00.001-04:30

Pues si… como lo leen, estos productos tan asombrosos de Adobe, los puedes descargar de manera gratuita, o como ellos lo definen “Free Adobe Flash Platform Technologies”.

Pero esto depende completamente de nuestra educación y de nuestro amor por los productos originales y más cuando son los que nos dan de comer, ya que solo son gratuitas en estos casos:

Estudiantes, profesores y empleados de alguna Institución Educativa.

Desarrolladores de software que se ven afectados por la situación económica actual y se encuentran desempleados.

Los asistentes al evento que recibirá un código promocional especial en su evento.

Esto me parece una de las mejores maneras que propagar estas tecnologías, y evangelizar con sus productos, ya que están soltando toda su tecnología, y poniéndola en las manos de quien quiera y crea sacarle jugo a esta descarga.

Si en verdad te interesa comenzar a desarrollar de la mejor manera (sin quebrantar las leyes :-P ) y caes dentro de los 3 casos anteriores, comienza la descarga aquí.

Y no todo para aquí, sino que Adobe proporciona recursos para que no tengas que comenzar con búsquedas en google, estos recursos te pueden ser de utilidad

Flex en una semana es un pool libre vídeos, organizado en 5 días de curso de formación para conseguir una introducción a Flex. (ampliamente recomendado)

Flex prueba de manejo incluye videos, código de ejemplo y tutoriales cortos diseñados para ayudarle a evaluar Flex Builder y Flash.

Tour de Flex para explorar las capacidades de Flex y recursos, incluidos los componentes básicos de Flex, Adobe AIR, integración de datos, y una variedad de componentes de terceros, los efectos, pieles, y mucho más.

Flex Cookbook es un repositorio de búsqueda de fragmentos de código reutilizable aportados por los compañeros miembros de la comunidad Flex.

ISC Jonatan Belmontes - Colaborador Flex en Expañol

Zacatecas, México

@jbelmontes

Documentación Oficial en Español de Adobe

2011-02-25T10:35:00.002-04:30

En los tiempos que utilizaba flashget para descargar más “rápidamente” archivos de internet y sitios web completos, frecuentemente entraba al Site Explorer (con F7) accedías a la funcionalidad, lo que esto hacía era explorar todo los subdirectorios del url que le pasaras, yahoo también lo tiene http://siteexplorer.search.yahoo.com/ lo encontré luego de cansarme de leer en inglés, ya había visto que alguna documentación estaba en español, me copié la ruta principal que es esta “help.adobe.com/es_ES” y me sorprendí con la cantidad de resultados, la mayoría los productos de Adobe tienen su documentación en Español, bueno por lo menos las versiones anteriores a la CS5, así que para los que quieran leerse las referencias en nuestro idioma de los diferentes producto de Adobe vayan aquí http://siteexplorer.search.yahoo.com/search?ei=UTF-8&p=help.adobe.com%2Fes_ES%2F

A los que nos interesa más lo relacionado a la programación con AS3 y AIR aquí les dejo los links

http://help.adobe.com/es_ES/ActionScript/3.0_ProgrammingAS3/WS5b3ccc516d4fbf351e63e3d118a9b90204-7ec7.html

http://help.adobe.com/es_ES/AIR/1.5/devappsflash/WS53995f63097985ed-2166da0011d5b98f54d-8000.html

Sobre Flash Builder aparece esto pero me redirige al sitio en inglés

http://siteexplorer.search.yahoo.com/search;_ylt=A0oG7zEYw2dN9E0AFwXal8kF?p=help.adobe.com%2Fes_ES%2FFlex%2F4.0%2F&y=Explore+URL&fr=sfp

Hoy recibí el titulo de Expero Certificado de Adobe (Adobe Flex Certified Expert)

2011-02-21T16:31:00.003-04:30

Hoy y después de tanto tiempo esperando por por esto obtuve el titulo de Experto Certificado de Adobe por supuesto en Flex y AIR.

La verdad ayer estaba bastante asustado por que hoy era el Día en que iba a poder decir que conozco bastante de Flex XD y Adobe lo certifica

El examen de certificación consta de cinco (5) partes para aprobarlo se necesita 67% mi Score: 87% XD

La secciones son las siguientes con mi puntuación es la siguiente XD

Crear Interfaces de Usuario (UI)........................ 100%
Diseño y arquitectura del sistema de Flex .............. 88%
Programación de aplicaciones Flex con ActionScript ..... 91%
Interacción con fuentes de datos y servidores .......... 62% :(
Uso de Flex en AIR ..................................... 80%

La primera parte es todo lo relacionado al diseño de interfaces, los componentes, los contenedores, componentes personales, las opciones de diseño, las restricciones de ubicación de los componentes, etc.

Diseño y arquitectura del sistema de Flex, se refiere a todo lo que tiene que ver con el funcionamiento de Flex como tal, me refiero a los Bindings, manejo de eventos, el mecanismo de Bubbling, etc.

La tercera parte, todo lo que tenga que ver con ActionScript

Aquí si es medio tricky por que te preguntan sobre LCDS, acostumbrado a usar BlaseDS no he tenido la oportunidad de conocer mucho sobre los conceptos de LCDS pero sin embargo me "meti un puñal" como decimos en Venezuela sobre el tema.. a pesar de el puñal no me fue tan bien.. otra de las razones es la mala costumbre de MATE XD con todas sus etiquetas propias del framework se te olvidan las opciones para acceder a datos de los componentes originales de Flex.

y por último AIR... solo una aplicación he desarrollado completamente en AIR, y pues éste tema al igual que LCDS me tenía preocupado.. cuando vi en el checklist de los puntos que iban para AIR.. decía.. Si quieres hacer una Base de Datos local en SQL que método utilizas???... XD no sabía ni siquiera que Adobe AIR tiene SQLLite embebido dentro del ambiente., de allí otro puñal.. que aquí les dejo el docu, están en inglés pero espero traducirlo algún día.. y si no, más abajo les posteo el link de AIR en español, la documentación oficial de AIR de Adobe en nuestro idioma

Aquí la guía completa en español de Adobe AIR, es la 1.5 pero funciona igual..

http://help.adobe.com/es_ES/AIR/1.5/devappsflash/devappsflash.pdf

No les ha pasado?

2011-02-07T15:37:00.001-04:30

Así nos sentimos en el equipo de tecnología cada vez que viene alguien a vernos o a conocer la oficina :D

Efectos para viewstack

2011-02-04T14:12:00.003-04:30

Aquí les dejo algo que puede ser bastante útil cuando queremos aplicar efectos al ViewStack.

Saludos.

Link Original

50 razones para usar Fireworks y no Photoshop en diseño web

2011-01-31T13:13:00.000-04:30

Saludos de nuevo,

Este tema vale la pena mencionarlo una vez más, debido a que se ha publicado en otros sitios; casi todos los que trabajamos en la Web usamos las herramientas de Adobe para lograr nuestros propósitos, desde el diseño a la fase intermedia que sería para nosotros el Flash Catalyst hasta la implementación de la UI en Flex por ejemplo.

Haciendo un apartado, Catalyst por el tema de la fase intermedia en el flujo creación web, tiene 3 tipos de imports (.PSD, .AI, y .FXP), pero Fireworks nos permite guardar como .PSD, sin embargo sería bueno que Catalyst acepte un PNG fireworks

Dentro de las que a mi respecto destacan están: Alineamiento preciso "al pixel", el manejo de estados de los símbolos, los elementos de interfaz de usuario pre diseñados (como algunos componentes de Flex), entre otros.

Particularmente también usaba Photoshop para los diseños, la semana pasada estuve trabajando en una propuesta de interfaz, ya había leído el post sobre las 50 razones y me decidí trabajar con el Fireworks.. y saben que?, realmente hace gran diferencia.

Aquí el link del post original, léanlo, hagan sus pruebas, y saquen sus propias conclusiones.

http://www.reinegger.net/50_motivos_para_no_usar_photoshop_para_diseno_web.html

Adobe Fireworks CS5 Webdesign Workflow Tutorial from Andre Reinegger on Vimeo.

PD. Por el inglés del pana tiene toda la pinta de ser de la india: Pero dice al inicio algo importante, Photoshop cool para retocar y trabajar con imágenes, y Fireworks para diseño web y prototipos.

Camisetas de Flex

2010-12-20T11:44:00.000-04:30

He aquí la modelo de flex en español :D, hoy Andreita trajo una camiseta con estampados de flex :D...

Esperemos que no sea alusiva a DJ Flex.

Ya me voy a buscar una para mi, de niño obviamente :D

Avisa si quieres la tuya, :P

Restricción de caracteres

2010-11-30T17:02:00.004-04:30

Hey, seguramente saben sobre la propiedad restrict del TextInput.. ok, lo que hace es restringir los caracteres que podemos ingresar al campo, en la documentación de Flex, lo único que sale es esto "a-ZA-z"; Eso funciona si son gringos ya que no usan acentos, pero en español y otros idiomas si tenemos acentos en los caracteres, entonces.. para restringir un TextInput que acepte solo caracteres y además los acentuados, hacemos lo siguiente:

<mx:TextInputid    ="apellidoTI" 
restrict    ="A-Za-z áéíóúàèìòùñçÁÉÍÓÚÀÈÌÒÙÑÇ" 
/>

Lo que estamos permitiendo al TextInput son los caracteres de la a-'z, A-Z, espacio en blanco, y todos los posibles caracteres especiales. Pensé que era más complicado que eso, ya me iba a meter con expresiones regulares,

Saludos señores.

Los saltos de línea en textos

2010-11-23T13:32:00.008-04:30

Nunca es tarde para seguir aprendiendo, y menos Flex. Por cosas tan sencillas como estas aún no he querido presentar la certificación, hoy les quiero comentar sobre los saltos de línea, por lo general nuestras aplicaciones tienen un monton de texto; cada vez que tenía que agregar un texto que incluyera más de un parrafo usaba el htmlText y meter el \n para que agarrara el salto de línea, el \n sigue funcionando pero no sabía el uso del caracter XML "&/#13;" el cual podemos usar en el MXML tranquilamente,

Entonces, en resumen texto AS usamos \n, y texto en MXML usamos " ".

Flash Builder "Burrito"

2010-10-25T13:46:00.001-04:30

No pierdo el asombro lo rápido que Adobe lanza sus productos y updates, hace 6 meses que lanzaron el release de Flash Builder 4 y ya están sacando un update.. en este caso, "Burrito".. divertido el nombre eh.. pero para ser sincero Flash Builder ya parece un Burrito de carga de tanto que le han metido jejejejeje. Ya preguntare por qué el nombre XD.
Bueno, según, las mejoras que trae son de rendimiento, aceleración de escritura de código flex y actionscript, soporte para desarrollo móvil y de múltiples pantallas, y mejoras para la integración de diseño/desarrollo.
Algunos screenshots tomados de la fuente de la información, What's new in Flash Builder "Burrito" | Adobe Developer Connection

¿Quién ha usado Catalyst? Ralmente lo he probado y es un asco.. no me parece que mejore en nada el desarrollo de las aplicaciones.. hace cualquier cosa extraña.. Pero bueh.. ya se vera que pasa con el Burrito si mejora esto.

Flash Player de 64 Bits: “Square”

2010-09-18T14:01:00.002-04:30

Señoras y Señores, el día de hoy me he enterado de una noticia bastante interesante XD , Flash Player para arquitectura de 64Bits., disponible en Windows, Mac y Linux.

Según la página de Adobe Labs, FP64bits trae soporte mejorado para Internet Explorer 9 - quizá se pusieron pilas al respecto con los rumores que IE9 no iba a soportar flash –. Ya he instalado Square la prueba viviente, la foto del post, donde pueden ver el Acerca IE8. Hasta los momentos todo ha funcionado bastante bien (el renderizado, la webcam, el microfono), pero en realidad no noto la diferencia XD, otra de las características es que trae soporte para aceleración de renderizado por hardware, lo cual esta ofreciendo IE9 de manera nativa.

Esperemos que esta versión haga su trabajo, y que todos aquellos que piensan que Html 5 va matar flash igual que como decían cuando salió Silverlight -que mismo Microsoft usa todavía Flash Player en muchas de sus paginas- se queden con las ganas o sencillamente dejen de hablar del tema, y que cada quien utilice la tecnología de su preferencia sin menospreciar a las demás.

XD, saludos a todos.

Construir aplicaciones localizadas en Flex– necesitan nuestros comentarios: Flash y Flex Builder. Referencias del lenguaje AS3 en Español.

2010-09-03T11:37:00.001-04:30

El equipo de producto de Flex está buscando nuestros comentarios acerca de crear y desplegar aplicaciones en otros idiomas diferentes a inglés. Por supuesto, que el español sería interesante, FB está en EN,FR,GE,y creo que en chino. Para todos aquellos que aunque sepamos inglés, tener el SDK, tutoriales, videos, y la ayuda de AS3 en español - aunque la pueden conseguir en http://help.adobe.com/es_ES/AS3LCR/Flash_10.0/index.html, es medio complicado encontrarla –, sería de gran utilidad para todos y crecer como comunidad de desarrollo en Latinoamérica.

Pueden tomar la encuesta en el siguiente enlace: http://www.surveymonkey.com/s/flexlocalization

Saludos a todos.

P.D. Estoy trabajando en una aplicación donde voy a subir todos los ejemplos, incluso voy a empezar con localización en Flex, lo puede ver y descargar el código, solo vayan a la pagina “Código” del blog.

MATE Framework por Laura Arguello

2010-06-10T23:47:00.001-04:30

Nada más y nada menos que la Mamá de Mate, quién mejor que ella para explicarnos qué es y como funciona

Adobe Developer Week

2010-05-04T14:34:00.004-04:30

Estimados desarrolladores. La próxima semana empieza el Adobe® Developer Week, toda una semana de seminarios online, totalmente for free.

Los temas son varios, Adobe Flash Platform:

Adobe Flex (of course)
Flash Builder,
AIR,
y cómo se integran con el Adobe Creative Suite 5.

Además hay premios :D, si te registras y asistes puedes ganar una copia de Flash Builder 4 Premium, o una de Creative 5 Web Premium (Eso entendí jejeje) Suerte para todos, espero que resultemos ganadores. El que se lo gane, avise!!

El link del evento http://www.adobe.com/cfusion/event/index.cfm?event=detail&id=1489921&loc=en_us

flash.utils.setTimeout: Configurar un tiempo de espera

2010-05-03T15:13:00.003-04:30

¿Sabían que se puede disparar eventos con tiempo de espera determinado?. Pues yo no, :) por eso lo posteo. El paquete flash.utils tiene un método llamado setTimeout, ¿Qué hace? sencillamente espera tantos milisegundos para lanzar el evento. Útil cuando necesitas esperar un tiempito a que se actualice tu información en la BD y leerla en seguida. Me ocurría que actualizaba la información de un estudiante, e inmediatamente después quería obtener la información actualizada, y por alguna razón me traía la información vieja, así que utilizando el setTimeout puedo esperar uno o dos segundos y ahí si pedir la información nuevamente.
En la magia del actionscript es esto:

flash.utils.setTimeout(function updateStudent():void{   
                dispatchEvent(new StudentEvent(StudentEvent.UPDATE_STUDENT))     
          },1000);

Flash&Flex Developer's Magazine - May 2010 issue - Now MONTHLY!

2010-04-30T15:24:00.003-04:30

Saludos a todos, ya salio la primera edición (mensual) de FFDMag, ojalá estuviera en español, vamos a ver que dirá sobre la "guerra" del flash en el iShit.
Pedro Varela


Dear Readers, As we’ve listened to and internalized your suggestions, we’ve developed new ways to organize that content more efficiently, deliver it more effectively and make it more relevant to our readers. Now meet us monthly! Check our magazine for new portion of tutorials, articles, reviews, tools - every month! In the May issue: - How a Software Flight Recorder was Built Using Adobe Flex and Zend PHP - Custom Flash CS4 Components in Flash Builder 4 - Applying CSS to Text Layout Framework styles - AIR Components in Flash Builder - The Flash on iPhone War - Working with Display Objects 101 - -...and much more inside...

Digicrafts Digicrafts continue to brings you high quality flash components, flex components and Lightrooms' plugins. They have just launched a new updates for their products line. CurveMenu and PhotoFlip 3D have update to support a refined touch scroll control, best fit on kiosk or touch devices. Homepage: http://www.digicrafts.com.hk/components/ Twitter: http://twitter.com/digicrafts Facebook: http://www.facebook.com/group.php?gid=7210082465 Flash Video MX for Mac from Moyea Software If you are looking for a solution to convert your video and audio files to Flash, get stylish Flash player for video, Flash Video MX for Mac may help you through. This application is designed for Mac users to get Flash video is small size and high quality with Sorenson H.263, F4V and H.264 for better video presentation on web page. Flash Video MX for Mac works on Mac OS X 10.5 for Leopard and 10.6 for Snow Leopard. It is easy to import QuickTime video (MOV, QT, MP4, 3GP, M4V), camera video (MTS, M2TS, MOD, TOD), RealPlayer file (RM, RMVB, RA), Windows Media file (WMV, ASF, WMA), MKV, VOB, MPG, FLV, AVI, and so on. Besides, there are player skins with play button, full screen button for controlling video playback. The video series or related videos could be displayed on player with playlist. /www.moyea.com/ Flash Decompiler and SWF & FLV Toolbox from Eltima Software Flash Decompiler Trillix is a feature rich and powerful SWF to FLA converter, which will help you decompile Flash movies, convert SWF elements into multiple formats and edit SWF movies (dynamic texts, hyperlinks and more) on the go without Flash Studio installed. Since version 4.X you can also convert Flex files back into Flex projects in case your SWF files were built in Flex! SWF & FLV Toolbox is a versatile conversion tool. Here are some of its main features: - Converts SWF and FLV files to video; - Converts Flash files to various image formats; - Converts SWF or FLV files to screensaver; - Converts Flash files to EXE (Advanced or Standard upon your choice); - Converts FLV to SWF. Each of these conversion options features easy and handy settings that you can apply according to your taste and needs. You can convert one file or many files at a time. www.eltima.com

Mate, Framework MVC para Flex

2010-04-16T22:23:00.003-04:30

Mientras hago tiempo para irme a la Tucacas, por el fin de semana de semana largo o llamados también puentes en Venezuela, por el 19 de abril les voy a dar una breve introducción a MATE.
Hasta hace unas dos semanas atrás yo era uno de los que pensaba ¿Para qué co**os usar un framework MCV para desarrollar aplicaciones en Flex?, - El framework de Flex es MVC por si mismo – decía y peleaba con el @chiguire y muchos otros, incluyendo a la gente de Adobe sobre mi rotunda negación a usar otra cosa que no fuera el SDK de flex solito. De hecho tengo por allí un post en las páginas de Adobe preguntando por qué usar frameworks MVC con flex. Ahora ya veo la razón
¿Que es MATE?
Pronunciado (Ma-te) tal cual en español, es un framework para flex, basado en etiquetas, y manejado por eventos, Flex es manejado por eventos, Mate ha sido creado para hacer más fácil manejar los eventos en la aplicación que desarrolles. Mate te permite definir quien está manejando esos eventos, si los datos necesarios para ser traídos del servidor, o si otros eventos necesitan ser disparadas. Adicionalmente, Mate provee un mecanismo de inyección de dependencias para facilitar que diferentes partes de nuestra aplicación obtengan la data de los objetos que necesiten [mate].
Esta animación muestra un poco, cómo funciona

En español, esto es lo que dice la animación.
Modelo, Vista y Controlador esos son los tres compontentes del patrón de diseño MVC.

La vista dispara un evento (puede ser uno creado por nosotros, o uno de flex)
Los datos son encapsulados en un objeto del negocio dentro del Custom Event
El evento es capturado por el controlador, que en el caso de Mate es el EventMap o Mapa de Eventos
El mapa de eventos hace la llamada al servidor, según la animación con un RemoteObjectInvoker
El servidor responde
El EventMap captura la respuesta
La guarda en el Modelo
El EventMap a través de los Injectors, inyecta la data a la vista
Y la vista se actualiza inmediatamente gracias a la magia de los Bindings

O lo mismo, que la imágen.
Saludos señores, feliz fin de semana, luego sigo explicando un poco más.

Flex 3 with Java

2010-04-15T09:26:00.000-04:30

Flex 3 with Java, Packt Publishing

Éste, ha sido el premio que he escogido al ser ganador de el concurso realizado por FFDMag.com la revista que ya les he comentado anteriormente en otros posts [1],[2].

El contenido del libro se ve bastante completo, por supuesto habrá que comerselo para aprender cosas nuevas y reforzar las que ya sabemos, a continuación les muestro el contenido del mismo, la imagen tiene el link a la página de editorial.

Saludos, pronto empezaré a hablar sobre MATE ya le he agarrado cariño al framework, y ayuda mucho en nuestro desarrollo.

Chapter 1: Installing and Configuring Adobe Flex – In this chapter you will learn thebasics of Flex programming: downloading, installing, and configuring Flex SDK and Flex Builder 3.

Chapter 2: Introduction to Flex 3 Framework – This chapter will introduce you to MXML scripting for laying out User Interfaces (UI) in the Flex world; it also provides hand-on examples to get you started with MXML programming.

Chapter 3: Introduction to ActionScript 3.0 – This chapter will introduce you to the ActionScript 3.0 programming along with detailed code samples.

Chapter 4: Flex and JavaScript Communication – In this chapter you will learn how to communicate with JavaScript from a Flex application and vice versa.

Chapter 5: Working with XML – In this chapter you will learn how to work with XML data using Flex's E4X approach.

Chapter 6: Overview of BlazeDS and LiveCycle Data Service – This chapter provides an overview of BlazeDS and LiveCycle Data Service.

Chapter 7: Flex Data Access Methods – This chapter provides in-depth information about data access methods available in Flex with detailed and step-by-step code samples along with a Flash player security model. It also gives you a detailed insight on how to use RemoteObject to communicate with Java code.

Chapter 8: Communicating with Server-Side Java - This chapter provides step-by-step code examples to get started with Flex and Java communication along with clear and simple code examples.

Chapter 9: Debugging Techniques – In this chapter you will learn how to debug your Flex application using Flex Builder 3 and some third-party tools.

Chapter 10: Packaging and Deployment – You will learn how to build and package the Flex application using available tools such as Apache Ant and learn about various deployment options that you can use.

Chapter 11: Styling Your Application – This chapter gives an overview of using Cascading Style Sheets (CSS) for changing look and feel of your Flex application and components with brief code examples and tools for designing CSS files.

Chapter 12: Internationalization – This chapter will give you an overview of internationalizing your application.

Chapter 13: Creating an e-Commerce Application – This chapter provides a step-by-step guide for creating an end-to-end e-commerce application using Flex 3, ActionScript 3.0, BlazeDS, and Java.

Flex Modular Development and Mate

2010-04-06T09:07:00.003-04:30

Echen un vistazo a esta presentación: Es sobre MATE un framework de desarrollo para Flex, pronto empezaré a publicar un poco sobre lo que es MATE y como funciona, saludos.

Flex Modular Development and Mate

View more presentations from Gareth Edwards.

Los desafíos del desarrollo de RIA y cómo superarlos

2010-03-17T17:39:00.002-04:30

Hola de nuevo, he encontrado este documento que me pareció interesante sobre los beneficios que trae el desarrollo de RIA de manera Empresarial, o Enterprise RIA el paper fue escrito por Avigdor Luttinger de la Empresa Magic Software de Argentina.
Saludos y espero les ayude a ampliar un poco más sobre el mundo de las RIA

Los desafíos del desarrollo de Aplicaciones Ricas para Internet (RIA) y cómo superarlos

Edición Marzo Flash & Flex Developer’s Magazine

2010-03-13T15:33:00.002-04:30

La nueva edición de la revista Flash & Flex Developer’s Magazine la cual estoy empezando a leer frecuentemente esta lista para ser descargada, es una revista bimensual considerada como la principal fuente de conocimientos prácticos de los desarrollos con flash y Flex, contiene artículos, tutoriales, códigos, entre otros.. y lo mejor, gratis.

Flash&Flex Developer's Magazine

Edición de Marzo 2010

- Video para flash player 10.1 en dispositivos móviles

- Por qué el iPad redefinirá nuestra visión sobre las RIAS

- Entendiendo los componentes de Flex 4

- Flex y Jabber

- Vistas dinámicas y Mediadores con PureMCV

- Enlaces para aplicaciones Flash y Flex con SWFAddress

- Mejores prácticas en la organización de proyectos

… y mucho más

El articulo del iPad me dejó súper pensativo acerca de la realidad del Flash player, (eso que está destinado a un explorador o al sistema operativo). La verdad, pienso que a flash le queda mucho camino por delante, a pesar de las demás tecnologías para RIA, Silverlight, JavaFX, ya que si flash no hubiese sido la pionera en interactividad Web toda ésta revolución interactiva no existieran hoy en día.

Componente de notificaciones en FlexGrowl

2010-02-09T15:29:00.002-04:30

Si alguna vez necesitan un componente de notificaciones, tal como lo hace Growl o el MSN messenger, revisen esto. Está genial!!!

Rawr! FlexGrowl Component Available lukesh

Demostración

Cómo controlar el volumen en una aplicación de manera global.

2010-01-19T12:07:00.002-04:30

Hey saludos a todos, tiempo tiempo sin postear nada nuevo más que los iconitos que conseguí de flex builder, en fin.

Si han tenido la necesidad de trabajar con sonido en sus aplicaciones habrán visto que la manera más sencilla según la ayuda de flex es con la clase Sound

request("click.mp3"); var s:Sound = new Sound(req);

Bien, eso funciona.. si quieres bajar o subir el volumen de ese sonido en particular usamos SoundTransform aplicado a ese canal de sonido, algo así

var snd:Sound = new Sound(new URLRequest("bigSound.mp3")); 

var trans:SoundTransform = new SoundTransform(0.6, -1);

Pero.. que pasa cuando queremos bajar el volumen para toda nuestra aplicación y no solo para ese sound, fácil, usando SoundMixer y aplicando un SoundTransform

SoundMixer.soundTransform = new SoundTransform(1, -1);

Por ejemplo si queremos usar un HSlider o VSlider para subir y bajar el volumen de manera global en nuestra aplicación haríamos lo siguiente:

Este ejemplo incrusta (Embed) el sonido dentro de una Clase, pero lo importante es el uso de la clase estática SoundMixer para el control del volumen.

<?xml version="1.0" encoding="utf-8"?>

<!--Ejemplo de como controlar el nivel de volumen globalmente para una aplicación -->

<!--Creado por Pedro Varela para Flex en español-->

<mx:Application 

    xmlns:mx="http://www.adobe.com/2006/mxml" 

    layout="vertical" styleName="plain" horizontalAlign="center" verticalAlign="middle"

    applicationComplete="loadSound();">

    

    <mx:Script>

        <![CDATA[

            [Embed(source="armin.mp3")]

            private var soundClass:Class;

            

            [Bindable]

            private var armin:Sound;

            

            [Bindable]

            private var channel:SoundChannel;

            

            private function loadSound():void{

                armin = new soundClass() as Sound;

            }

            

            private function play():void{

                channel = armin.play();

                channel.addEventListener(Event.SOUND_COMPLETE, onFinishSong);

                repro.enabled=false;

            }

            

            private function stop():void{

                SoundMixer.stopAll(); 

                repro.enabled=true;

            }



            private function onChangeVolSlider(event:Event):void{

                SoundMixer.soundTransform = new SoundTransform(event.currentTarget.value);

            }

            

            private function onFinishSong(event:Event):void{

                deten.enabled = false;

                repro.enabled = true;

            }

        ]]>

    </mx:Script>

    

    <mx:Grid>

        <mx:GridRow width="100%" height="100%">

            <mx:GridItem width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">

                <mx:Button id="repro" label="Reproducir" click="{play()}"/>

                <mx:Button id="deten" label="Detener" click="{stop()}"/>

            </mx:GridItem>

        </mx:GridRow>

        <mx:GridRow width="100%" height="100%">

            <mx:GridItem width="100%" horizontalAlign="center" verticalAlign="middle">

                <mx:HSlider minimum="0" maximum="1" labels="[0,50,100]" height="42" id="volSlid" change="onChangeVolSlider(event)" showDataTip="false" liveDragging="true" allowTrackClick="true" value="1"/>

            </mx:GridItem>

        </mx:GridRow>

    </mx:Grid>

</mx:Application>

Compilar CSS a SWF, estilos en sub aplicaciones

2009-11-30T14:15:00.003-04:30

Gracias a mi compañero Ciro, que vió la opción Compile CSS to SWF, me dió la solución a un problema que yo había tenido en otra ocasión y no supe como resolverlo, más que copiar todo el estilo en el css principal.

Les explico, cuando trabajas con sub-aplicaciones según la documentación de flex Developing and loading sub-applications los estilos no se heredan, y cada aplicación carga su propio estilo, pero resulta que siempre que hacía la carga de mis subapps (de ahora en adelante les diré así) el estilo no se cargaba., leyendo un poco el PDF, dan la opción de cargar el estilo en tiempo de ejecución, intenté hacerlo con el siguiente código

private function loadStyle():void {
/* Load style module into a child ApplicationDomain by specifying
ApplicationDomain.currentDomain. */
var eventDispatcher:IEventDispatcher = StyleManager.loadStyleDeclarations(
currentTheme + ".swf", true, false, ApplicationDomain.currentDomain);
eventDispatcher.addEventListener(StyleEvent.COMPLETE, completeHandler);
}

La variable current theme es si trabajas con Themes para darle estilo a tu aplicación, yo uso css plano, cambiando un poco la línea

currentTheme + ".swf", true, false, ApplicationDomain.currentDomain);

por

"estiloSubapp.css", true, false, ApplicationDomain.currentDomain);

me apareció un error que dice lo siguiente

Error: No se puede cargar el estilo (Error #2124: Loaded file is an unknown type. URL: style.css). style.css.
at ()[C:\autobuild\3.4.0\frameworks\projects\framework\src\mx\styles\StyleManagerImpl.as:858]
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at ModuleInfoProxy/moduleEventHandler()[C:\autobuild\3.4.0\frameworks\projects\framework\src\mx\modules\ModuleManager.as:1101]
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at ModuleInfo/errorHandler()[C:\autobuild\3.4.0\frameworks\projects\framework\src\mx\modules\ModuleManager.as:734]
]

Lo que significa que el StyleManager quería un ".swf " y no un ".css", le comenté a Ciro y es cuando me habla de que él había visto la opción Compile CSS to SWF, ésta opción aparece si le damos botón derecho al archivo ".css" en el panel de navegación del Flex Builder.

~~Dejando marcada Compile CSS to SWF (ahh por cierto, no esperen encontrar en algún lado el ccs compilado swf, porque no aparece, no se como funcionará) y cambiando nuevamente la línea por~~. Modificado de acuerdo al comentario hecho por Ciro Durán

Dejando seleccionada la opción Compile CSS to SWF , el compilador automaticamente compila el ".css" a ".swf" y lo exporta en nuestra carpeta "bin-debug" o cuando hagas "export release build" en la carpeta que hagas el exportado.

"estiloSubapp.swf", true, false, ApplicationDomain.currentDomain);

devinez quoi!!,, No tuve ningún problema en cargar mi sub aplicación con su estilo como es.

Saludos, espero les resulte útil.

Flash&Flex developer's magazine

2009-11-23T15:05:00.002-04:30

Aprovecho la oportunidad que me da mi amigo Pedro, de editar en su blog para aportar algunas cosas, que en mi aprendizaje voy encontrando, y que como no es camino nuevo, si no camino por el que han de pasar los que empiezan detrás, creo servirá de ayuda.

Quería enlazaros a esta web www.ffdmag.com, especialmente creada para desarrolladores en tecnologías flash y flex.

Tiene apartados muy interesantes como tutoriales de as3, información de eventos, enlaces a otras páginas específicas de flex, componentes y programas desarrollados en las citadas tecnologías, noticias tecnológicas relacionadas con flash&flex, y sobre todo, lo que creo más interesante de todo ello, te puedes descargar revistas con artículos técnicos muy interesantes sobre estas tecnologías, ¡¡totalmente gratis!!.

Que os aproveche.

warning: unable to bind to property '' on class ''

2009-11-20T17:50:00.003-04:30

Uno de los warning que más detesto en Flex “warning: unable to bind to property 'X' on class 'X'”. Para evitar éste warning en nuestra código, causando posibles errores en la asignación de los datos de nuestras clases, se debe tener en cuenta estas tres (3) cosas:

La clase debe estar marcada como [Bindable]
Todo atributo Bindable debe tener su setter y su getter respectivo.
Los atributos preferiblemente deben ser private (es mi práctica) y por supuestos public los getter y setters.

Posible código propenso a Warning. Error tipo 1

package
{
 public class Usuario
 {
  public var nombre :String;
  public var apellido :String;
 
  public function Usuario()
  {
  }
 }
}

Razón: No está marcada como [Bindable].

Posible código propenso a Warning. Error tipo 2 + tipo 3 de una.

package
{
 [Bindable]
 public class Usuario
 {
  private var _nombre :String;
  private var _apellido   :String;
 
  public function Usuario()
  {
  }
 
  public function get nombre():String{
   return this._nombre;
  }
 
  public function set apellido(valor:String):void{
   this._apellido = valor;
  }
 
  public function get apellido():String{
   return this._apellido;
  }
 }
}

Warning: unable to bind property ‘nombre’ on class ‘Usuario’

Razón: No tenemos el setter para nombre

Teniendo en cuenta estos detalles, el unable to bind property desaparecerá, ah y también usando cuando sea necesario el ObjectProxy.

Feliz fin de semana

Adobe Poster: ActionScript y Flex Framework

2009-10-09T16:27:00.006-04:30

Muchos de ustedes en el grupo de usuarios de facebook han solicitado el Poster de Adobe, bueno, aquí está. Contiene todas las clases de AS3 y Flex.

Many of you have requested on facebook user group the Adobe Poster, well here is it. Contains all AS3 classes and Flex ones.

Cómo detectar cambio en un objeto personalizado

2009-10-02T15:16:00.004-04:30

hey.. Bueno les cuento, ésta vez me enfrente a cómo detectar cambios en un objeto personalizado, para este ejemplo se llamará Checkpoint y su instancia checkpointInfo, quería detectar cuando se cambiaban los valores de las propiedades de mi objeto, para qué? para cambiar el estado del componente. Pensarán que con [Bindable] funciona, pero no es así en mi caso. El objeto Checkpoint es así:


package
{
 [Bindable]
 public class Checkpoint
 {
  public var id    :int;
  public var evaluated   :Boolean;
  public var approved   :Boolean;
  public var title   :String;
  public var level   :String;
  public var recommendedPercentage  :int;
  public var currentPercentage  :int;
  
  public function Checkpoint()
  {
  }
 }    
}

Entonces, ¿cómo hacer que cuando se cargue la aplicación pasemos de un checkpointInfo con los inicializado en null a los nuevos valores asignados más adelante en nuestro código?. Bueno, con un ObjectProxy.. el ObjectProxy según se define como:

"This class provides the ability to track changes to an item managed by this proxy. Any number of objects can "listen" for changes on this object, by using the addEventListener() method. "

Iniciamos el objeto

Creamos un proxy y le pasamos como parametre nuestro objeto

Ahh por supuesto agregar el EventListener

public var checkpointInfo:Checkpoint;
 
private function init():void{
 checkpointInfo = new Checkpoint();
 proxy = new ObjectProxy(checkpointInfo);
 proxy.addEventListener(PropertyChangeEvent.PROPERTY_CHANGE,setCheckpointState);
}

setCheckpointInfo(cpi:Checkpoint) es llamada desde fuera del componente, para que asigne los nuevos valores a nuestra variable checkpoint, pero que pasa?.. hay que hacerlo a través del ObjectoProxy, por que si hacemos la asignación checkpointInfo.id = 1500; directamente, el evento PROPERTY_CHANGE no se va a disparar, así que se debe hacer la asignación de la siguiente manera:

public function setCheckpointInfo(cpi:Checkpoint):void{
 proxy.id   = cpi.id;
 proxy.evaluated  = cpi.evaluated;
 proxy.approved  = cpi.approved;
 proxy.title  = cpi.title;
 proxy.level  = cpi.level;
 proxy.recommendedPercentage = cpi.recommendedPercentage;
 proxy.currentPercentage  = cpi.currentPercentage;
}

y aquí la función que escucha el cambio en las propiedades de la instancia de nuestro objeto personalizado.


public function setCheckpointState(event:PropertyChangeEvent=null):void{
   
 var cpState:String;
   
 if(checkpointInfo.evaluated){
  checkpointInfo.approved ? cpState= APPROVED_STATE : cpState = FAILED_STATE;
 }else
 
 cpState = DEFAULT_STATE;
   
 this.setCurrentState(cpState);
}

Eso es todo, saludos.. creanme que había visto ese ObjectProxy pero no sabía que hacía :) Saludos a mis amigos invisibles

Descarga el SDK 3.4 de Adobe Flex

2009-09-30T23:15:00.001-04:30

Hola a todos, he tenido poco tiempo para volver a publicar.. entre el postgrado, el trabajo, el ejercicio y la vida social me ha sido algo difícil.. bueno, les comento me estoy pasando al SDK 3.4 me dijeron por ahí que está saliendo el 3.5 no sé! es cómo muy rápido no.. No he leido mucho el release build pero de seguro tiene muchos bichos arreglados (fixed bugs) por si acaso.

Nada, bajenselo cuando tengan chance, creanme que no van a tener ningún problema con sus proyectos actuales si utilizan éste SDK, recomendación .. bajense los 3 archivos que están allí.. los van a guardar en su carpeta de SDKs de Flex que en mi caso es C:\eclipse\flex builder\sdks crean una carpeta llamada 3.4.0 y guardan todo allí..

Luego, en flex buidler.. se van a Windows -> Preferences en el input de filtros escriben SDK, les aparece en el arbol de directorios Flex -> sdks luego new.. y ya deben saber el resto.

Saludos, y disfruten el SDK, open source, y los charts también.. ;)

con referencia a: Adobe - Adobe Flex: Download Adobe Flex 3.4 SDK (ver en Google Sidewiki)

Mantener el selectedIndex en una lista

2009-08-06T14:42:00.001-04:30

Desarrollando una aplicación tipo correo electrónico me di cuenta que las listas en Flex no mantienen el índice seleccionado cuando el dataProvider obtiene nuevos datos.. por ejemplo: El inbox chequea en el servidor cada 10 minutos. Cuando llega esa respuesta se refresca la lista y nuevamente el selectedIndex es –1. Buscando por ahí (como siempre) leí que hay que escuchar el evento updateComplete() de la lista, guardar el índice seleccionado y listo, el único problema que puede ocurrir es que si los datos que llegan a la lista son más grandes puede haber problemas con el índice guardado. Allí podríamos hacer es guardar todo el objeto seleccionado y usando IViewCursor podríamos buscarlo.

private function onUpdateComplete(event:FlexEvent):void {

     var dg:DataGrid = event.currentTarget as DataGrid;
     mailBoxGrid.selectedIndex = lastRollOverIndex;
}

lastRollOverIndex es una variable que modifico cada vez que hay un evento itemClick o change en la lista; el change por que si cambias el item con el teclado lastRollOverIndex va a tener el mismo valor.

<mx:DataGrid id="mailBoxGrid" dataProvider="{mailBoxData}"
             change="onItemChange(event)"
             itemClick="onItemClick(event)"
             updateComplete="onUpdateComplete(event)">

Lista con scroll suavizado. SmoothScrollingList

2009-08-06T13:20:00.002-04:30

Hey,.. habían notado que las listas en Flex pasan de acuerdo al tamaño del itemRenderer?? No hace scroll como normalmente es un scroll.. bueno, encontré un componente que hace smoothScrolling.. aquí el ejemplo

Allí el botón para descargar el proyecto.

Rhonda: Herramienta de Dibujo 3D

2009-08-05T14:00:00.002-04:30

Un compañero de trabajo me pasó este link http://rhondaforever.com/ hace poco.. no se con que está desarrollado pero es realmente sorprendente.

Ria Flex: ChartItemEvent.CHANGE in conflict with IndexChangedEvent

2009-07-20T10:27:00.005-04:30

Este es una solución a un problema que se me presento el viernes y lo deje para resolver hoy, TypeError: Error #1034: Type Coercion failed: cannot convert mx.charts.events::ChartItemEvent to mx.events.IndexChangedEvent.

EL problema es que hay un error de conversión de tipo entre ChartItemEvent y IndexChangedEvent: Al hacer click en una columna del gráfico disparaba el error. Este bug está en el SDK de Flex, ver http://bugs.adobe.com/jira/browse/FLEXDMV-1589

La solución es sencilla, agregar un EventListener al Canvas, o el componente principal que contenga al ColumnChart y deter la propagación del event, algo así

private function canvasInit(): void{
this.addEventListener(ChartItemEvent.CHANGE, chartItemEventChange, true, 0, true);

}

private function chartItemEventChange(event: Event): void
{
 event.stopImmediatePropagation();  //Detiene la propagación del evento.
} 

]]>

La solución salió de aquí: Ria Flex: ChartItemEvent.CHANGE in conflict with IndexChangedEvent

Flex, Flash y Google Analytics

2009-07-15T13:40:00.008-04:30

Recientemente el equipo de desarrollo y yo estuvimos conversando sobre google analytics (GA), yo había visto un post donde hablaban sobre cómo hacer tracking de contenido Flash y Flex (que es al final lo mismo) en GA, decidimos implementarlo y bueno buscando el post viejo sobre GAforFlash empecé a aplicarlo.

Les echo el cuento rapidito de cómo usarlo, y también les voy a dejar mi clase llamada AnalyticsService.as que está lista para usar después de todo esto, aja:

1. Bájense el archivo gaforflash-1.0.1.319.zip que está aquí http://files.getdropbox.com/u/592105/gaforflash-1.0.1.319.zip

2. Cuando se hayan bajado el archivo, lo descomprimen y lo instalan en su proyecto le dan propiedades -> Flex BuildPath -> LibraryPath -> AddSwc.. y buscan lo el directorio donde descomprimieron el zip y seleccionan lib/anaylitics.swc el otro es para flash.

3. Listo, ya está ahora se bajan mi clases, que es una clase con un método estático sencillo para no tener que instanciar la clase cada rato http://files.getdropbox.com/u/592105/AnalyticsService.as simplemente accedemos a ella de la siguiente manera

Esta línea es del evento show de mi modulo

4. Y listo, eso es todos.. estoy esperando que sea mañana a ver si funcionó. :D Luego les comento...

Saludos, cualquier comentario pues nada, lo hacen saber.

Para los que hablan english, aquí esta el link original http://code.google.com/intl/es/apis/analytics/docs/tracking/flashTrackingSetupFlex.html

The CSS type Selector '$$$' was not processed, because the type was not used in the application.

2009-07-09T11:55:00.004-04:30

Hola a todos... este warning es la cosa que más detesto en el flex builder... explico un poco que pasa con ese warning...

Cuando creamos nuestra hoja de css y tenemos selectores de tipo (type selectors) es decir aquellos que se van a aplicar a todos los componentes del mismo tipo por ejemplo un Button, o un Alert

Button{ color: #00000; }

Alert {color: #00000;}

Esos, son type selectors... que pasa: si dentro de nuestra aplicación principal .MXML NO hacemos referencia a ningún Button o Alert, en los problems nos va a aparecer unos hermosos Warnings que dicen:

The CSS type selector 'Button was not processed, because the type was not used in the application. Dashboard/src Dashboard.mxml line 42 1247154055453 184589

The CSS type selector 'Alert' was not processed, because the type was not used in the application. Dashboard/src Dashboard.mxml line 42 1247154055453 184589

Solución

Googleando la encontré... Hay dos maneras la primera no me funcionó que es buscar el flex-config.xml que está en mi caso C:\Program Files\Adobe\Flex Builder 3 Plug-in\sdks\3.3.0\frameworks ahí... y buscar la línea que dice

<show-ActionScript-warnings>true</show-ActionScript-warnings> y luego cambiarla a false...

(eso a mi no me funcióno.. me aparecen igual los warnings)

La segunda opción (que si me funcionó) es poner dentro de los parametros de compilación de nuestro proyecto la siguiente líena..

-compiler.show-unused-type-selector-warnings=false

Para los que no saben donde está eso.. dentro del flex navigator le dan botón derecho a su mouse, y seleccionan Properties al final.. de ahí en las opciones de la izquierda seleccionan Flex Compiler.. pegan la línea en el cuadro que dice Additional Compiler Arguments..

Y listo.. No más Warnings de type selectors..

Otra solución:

No creen en sus hojas de estilos selectores de tipo, sino clases de estilos..

.button{ color="#00000"}

o Button.ButtonColorBlack {color="#00000}

Saludos espero les sirva...

Flex Decompiler

2009-06-29T10:05:00.008-04:30

Esto es de mi otro blog que no actulizo pero lo voy a poner aquí que va mejor con Flex

HP lanzó una aplicación llamada SWFScan, ésta aplicación permite encontrar vulnerabilidades en los archivos .swf creados con Flash, Flex o cualquier otro programa cuya salida corra en la plataforma de Adobe Flash Player.

HP SWFScan is a free Windows-based security tool to help developers
find and fix security vulnerabilities in applications developed with the Adobe
Flash Platform. The tool is the first of its kind to decompile applications
developed with the Flash platform and perform static analysis to understand
their behaviors. This helps developers without security backgrounds identify
vulnerabilities hidden within the application which cannot be detected with
dynamic analysis methods.

(I've tested this app, and it's really good.. it gets all your code and checks if there are errors, or possible vulnerabilities )

Most of the time it gets you trace statements you left in your code.. here's a sample code from my preloader code...

private function onRSLDownloadProgress(findBundle:flash.events::ProgressEvent)
{
// debugfile: \TrunkWorkspace\DashboardRefactored\src;com\thinkglish\preloader;SWFPreloader.as
this.isRslDownloading = true;
this.rslBytesTotal = findBundle.bytesTotal;
this.rslBytesLoaded = findBundle.bytesLoaded;
this.rslPercent = Math.round(this.rslBytesLoaded / this.rslBytesTotal * 100);
trace("onRSLDownloadProgress: rslBytesLoaded " + this.rslBytesLoaded);
trace("onRSLDownloadProgress: rslBytesTotal " + this.rslBytesTotal);
trace("onRSLDownloadProgress: " + this.rslPercent + "%");
return;

}

and here's what SWFScan tells me what to do

Summary
An indication that the trace() function is being utilized was detected due to the presence of debug messaging.This can represent a serious security concern as path names and other information can be revealed. Recommendations include removing all debugging messaging from the application code before it is placed on production servers.

Fix

Set 'Omit Trace Actions' to 'true'. The Omit Trace Actions flag in Flash development environments tells the compiler to remove any trace commands when creating the compiled SWF file. This will make the published SWF smaller and it will remove any excess information or actions from the SWF.
References

Adobe:
Creating more secure SWF web applications

OWASP:
OWASP Flash Security Project

For more information...
http://www.communities.hp.com/securitysoftware/blogs/spilabs/archive/2009/03/20/exposing-flash-application-vulnerabilities-with-swfscan.aspx

Easing

2009-06-17T09:34:00.003-04:30

Preloader con soporte de RSL

2009-06-09T15:14:00.006-04:30

hey,.. modificando el preloader de mi aplicación no estaba seguro de cómo mostrar el progrso de mis librerías. Googleando encontré éste post http://coding.bhirschmann.de/2008/03/20/preloader-for-flex-with-rsl-support/ y allí la solución.. la clave era agregar event handlers del tipo RSLEvent

override public function set preloader( preloader:Sprite ):void
{
preloader.addEventListener( ProgressEvent.PROGRESS , SWFDownloadProgress );
preloader.addEventListener( Event.COMPLETE , SWFDownloadComplete );
preloader.addEventListener( FlexEvent.INIT_PROGRESS , FlexInitProgress );
preloader.addEventListener( FlexEvent.INIT_COMPLETE , FlexInitComplete );

preloader.addEventListener( RSLEvent.RSL_PROGRESS, onRSLDownloadProgress );
preloader.addEventListener( RSLEvent.RSL_COMPLETE, onRSLDownloadComplete );
preloader.addEventListener( RSLEvent.RSL_ERROR, onRSLError );
}

Regular Expression - Expresiones Regulares

2009-05-29T16:31:00.009-04:30

Hola a todos.. buscando una expresión regular que evaluara un URL, encontré este post con un enlace a una aplicación que contiene muchos tipos de expresiones regulares.. está demasiado fino.. espero les sea de utilidad.

El creador de la aplicación Ryan Swanson, la pueden ver directamente en el url http://ryanswanson.com/regexp/#start

Utilizando el IViewCursor en Flex

2009-05-22T13:49:00.005-04:30

Estuve haciendo una aplicación tipo buzón de correo. Tenía que encontrar el id de un usuario en la lista de contactos dado. Para encontrarlo dentro del ArrayCollection sin tener que hacer un for, utilizé un cursor, todo fino cuando encuentra lo que quiero, pero cómo obtener el index de lo que se encontró?... Bueh.. hice lo siguiente, el ArrayCollection tiene un método que se llama getItemIndex que recibe como paramétro un Objeto.. así que bueno.. esto fue lo que resolví.

1. Primero ordenamos la lista

private function sortCollection():void{

var col:ICollectionView = nuestroArrayCollection;

var sort:Sort = new Sort();

//Los ordeno por id,

sort.fields = [new SortField("id",true,false,true)];

//Asignamos la instancia de sort al CollectionView

col.sort = sort;

//Refrescamos la lista

col.refresh();

}

2. Buscamos el id dentro de la colección de la siguiente manera:

//Creamos un cursor con la interfaz IViewCursor
private var myCursor :IViewCursor;

//Asignamos a myCursor lo siguiente
myCursor = nuestroArrayCollection.createCursor()

//Usamos el método findAny un Object de lo que queremos buscar, en este caso mi arrayCollection tiene un atributo id, lo que hacemos es crear el objeto con esa información {id:studentId}
myCursor.findAny({id:studentId});

//Y finalmente, para obtener el indice o el objeto encontrado por el Cursor, usamos los métodos que ya trae el ArrayCollection (getItemAt, o getItemIndex)
indexContactList = nuestroArrayCollection.getItemIndex(myCursor.current);

Y ya, es todo, leyendo un poco sobre el IViewCursor en langref explica que si tenemos una colección con ids únicos, el método findAny, es más efectivo que findFirst, o findLast.

Para más información: http://www.adobe.com/livedocs/flex/3/langref/mx/collections/IViewCursor.html

Sobre Adobe Flex

2009-04-15T09:51:00.000-04:30

Hola a todos, como muchos deben saber Adobe Flex es uno de los mejores frameworks para el desarrollo de RIA, no voy a postear muchas entradas por aquí, solo alguna que otra solución que me parezca interesante, si quieres contactarme, utiliza la ventanita de yahoo para cualquier pregunta que tengas sobre Flex.

Hay demasiada información subida en línea, así que aprender Flex será super fácil si aún no lo sabes..

Saludos, y ya sabes.. me contactas por el yahoo, o por mail pedrovarela86@gmail.com