viernes, 26 de febrero de 2010

Google Maps HighLighting - (Country - Region - State - City ) - Flex 3


OBSERVACION: solo sirve en el GOOGLE MAPS 1.09

Zoom Levels:
  • Default Zoom: Country.
  • Zoom 1 and 2 : Region.
  • Zoom 3 and 4 : States.
  • Zoom 5 to last : City's.


Default View


Select Country


Drag Country


Region View


Select Region


State View


Select State


Drag State


City View


Select City


sábado, 20 de febrero de 2010

Testing Flash Builder 4 Beta 2 - Flex 4


Translation:


Bueno ya tenemos nuestra licencia de Flash Builder 4 Beta 2, ahora vamos a ver que de nuevo nos trae Adobe. Ahora tenemos todo un nuevo Name Space llamado Spark, vamos a ver en este ejemplo como se ven.

Para ver el código, hagan click derecho sobre la aplicación y luego a View Source.
Well we have our license Flash Builder 4 Beta 2, now let's see that again brings us Adobe. We now have a new Name Space called Spark, we'll see in this example how they look.

To view the code, please click right on the application and then View Source.


lunes, 14 de diciembre de 2009

Audio and Music and Cover Flow like Ipod - Audio y Musica y Cover Flow como el Ipod

Translation:


A veces necesitamos salir del paso, con un cliente que nos pide una página, y nos dice solo quiero algo sencillo, donde puedan ver mi biografía y escuchar un preview de mi música.

No voy a mentir, hacerlo en HTML es lo más sencillo y rápido, pero si queremos que el cliente quede contento, y también no perder mucho tiempo en programación, podemos hacerlo todo en flex, en menos de un día, y de seguro nuestro cliente quedara más que feliz porque tendrá las 3 B (Bueno, Bonito, y Barato) y eso nos abrirá la puerta a otros clientes que quieran salir a la web con algo sencillo.

Así queda demostrado que lo sencillo puede ser bonito, sin tener que invertir mucho tiempo de mas.

Librerías usadas:

Entendiendo los componentes y agregando un par de eventos donde van pueden lograr el ejemplo de la pagina presentada en la primera imagen.



Sometimes we need to muddle through with a client who asks us a page, and tells us just want something simple, where they can see my biography and listen to a preview of my music.

I will not lie, do it in HTML is as simple and quick, but if we want the customer is happy, and not lose much time in programming, can do everything in flex, in less than a day, and surely our client because there would be more than happy to have the 3 B (Bueno, Bonito, and cheap) and it will open the door to other customers who want to go to the website with something simple.

This is established that simplicity can be beautiful without having to invest much more time.

Libraries used:



Understanding the components and adding a couple of events where they can achieve the sample page presented in the first image.

Descargar Archivo y Ver Codigo Fuente:

Download File's and Source:

martes, 27 de octubre de 2009

Flash Flex Comunications, is it posible? - Comunicar Flash con Flex ¿ es posible ?

Son las imágenes con las cual vamos a trabajar, son imágenes conseguidas por google image, escogí estas 3 imágenes, y vamos a utilizarlas para aminarlas un poco con Flash CS3 para luego ser exportadas y ser utilizadas en Flex.

Imagen 1:
Imagen 2:
Imagen 3:

Una vez bajadas las imágenes, las importamos a flash CS3, y vamos a cambiarle el sentido a las flechas la flecha que sale de la caja, supongamos que representara perdidas de algún tipo, por lo que lo coloreamos de Rojo y las flecha hacia dentro representara ganancias y lo coloreamos de verde. Y le damos una animación como si estuviera ingresando o saliendo, con respecto a la grafica, podemos borrar la flecha que está dentro de la imagen y redibujarla con una animación como si estuviera rebujándose en el momento.

Dentro del mismo flash, le colocamos los códigos de animación On mouse Over, y On mouse Out. Para animar y dejar de animar los mismo.

Flash:



Una vez que exportemos nuestras animaciones, vamos a Flex y dentro de nuestra carpeta scr en donde tengamos los assets colocamos nuestro swf exportado de flash.

Luego creamos nuestro código en Flex y tenemos nuestros resultados.

Flex: