Este post fue creado por Carlos Hernández en el blog http://www.coconnut.com/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://feedproxy.google.com/~r/blogcoconnut/~3/1kGM2cuMSWk/

Post agregado:

Desde hace unos meses estoy utilizando maven + flexmojos en mis proyectos flex/java. Maven es una herramienta para la gestión y construcción de proyectos JAVA y FlexMojos es un plugin de Maven para la gestión de proyectos Flex. Al principio la relación fue bastante tortuosa, pero le voy pillando el gustillo. Espero que esto se convierta en una serie de post sobre Maven, FlexMojos y tecnologías relacionadas, pero empezaremos por crear una aplicación SWF simple a partir de un arquetipo.

Comprobar Versión Maven

Por defecto en MAC OS X 10.6 tenemos instalado maven 2.2.1 podemos chequearlo abriendo un Terminal y poniendo:

mvn -version

Si todo está correcto debe aparecer algo parecido a esto:

Apache Maven 2.2.1 (r801777; 2009-08-06 21:16:01+0200)
Java version: 1.6.0_22
Java home: /System/Library/Java/JavaVirtualMachines/1.6.0.jdk/Contents/Home
Default locale: es_ES, platform encoding: MacRoman
OS name: “mac os x” version: “10.6.5″ arch: “x86_64″ Family: “mac”

Configuración

Para poder generar el proyecto a partir de un arquetipo tendremos que configurar nuestro MAVEN añadiendo una serie de repositorios. Esto hay que hacerlo en el fichero de configuración de Maven settings.xml. En mi máquina este fichero está en /usr/share/java/maven-2.2.1/conf/settings.xml

Tenemos que crear un perfil y añadir 2 repositorios.

<profiles>
<profile>
<id>flex-mojos</id>
<repositories>
<repository>
<id>flex-mojos-repository</id>
<url>http://repository.sonatype.org/content/groups/flexgroup</url>
<snapshots>
<enabled>true</enabled>
<updatePolicy>always</updatePolicy>
</snapshots>
<releases>
<enabled>true</enabled>
</releases>
</repository>
</repositories>
<pluginRepositories>
<pluginRepository>
<id>flex-mojos-repository</id>
<url>http://repository.sonatype.org/content/groups/flexgroup</url>
<releases>
<enabled>true</enabled>
</releases>
<snapshots>
<enabled>true</enabled>
</snapshots>
</pluginRepository>
</pluginRepositories>
</profile>
</profiles>

<activeProfiles>
<activeProfile>flex-mojos</activeProfile>
</activeProfiles>

Creación de esqueleto de aplicación con Arquetipo

Sonatype proporciona algunos arquetipos para la generación de proyecto Flex sencillos. En este ejemplo utilizaremos uno para la generación de un proyecto SWF simple.

Dentro del workspace de eclipse donde queramos crear el proyecto ejecutamos:

mvn archetype:generate -DarchetypeRepository=http://repository.sonatype.org/content/groups/public -DarchetypeGroupId=org.sonatype.flexmojos -DarchetypeArtifactId=flexmojos-archetypes-application -DarchetypeVersion=3.5.0

Durante la generación del proyecto el asistente nos pide los datos del proyecto a crear.

Define value for property ‘groupId’: : net.caracool.test
Define value for property ‘artifactId’: : ArchetypeTest01
Define value for property ‘version’: 1.0-SNAPSHOT:
Define value for property ‘package’: net.caracool.test:
Confirm properties configuration:
groupId: net.caracool.test
artifactId: ArchetypeTest01
version: 1.0-SNAPSHOT
package: net.caracool.test
Y: y

Esta es la estructura del proyecto creado.

Compilar la aplicación

Para compilar el proyecto nos colocamos en la carpeta del proyecto creado y ejecutamos:

mvn install

Al finalizar la compilación y entrar en la fase de tests obtendremos el siguiente error.

[INFO] ————————————————————————
[ERROR] BUILD ERROR
[INFO] ————————————————————————
[INFO] Failed to launch Flash Player.  Probably java was not able to find flashplayer.
Make sure flashplayer is available on PATH
or use -DflashPlayer.command=${flashplayer executable}

Esto es debido a que en el POM del proyecto no se está especificando la localización del Flash Player para la ejecución de tests. Para solucionarlo hay que añadir una propiedad al pom.xml del proyecto que especifique la localización local del flashplayer. Tenemos que añadir las siguientes lineas al pom.xml.

…
<properties>
<flashPlayer.command>/Applications/Flash Player.app/Contents/MacOS/Flash Player</flashPlayer.command>
</properties>
…
<build>
<sourceDirectory>src/main/flex</sourceDirectory>
<testSourceDirectory>src/test/flex</testSourceDirectory>
<plugins>
<plugin>
<groupId>org.sonatype.flexmojos</groupId>
<artifactId>flexmojos-maven-plugin</artifactId>
<version>3.5.0</version>
<extensions>true</extensions>
<configuration>
<testRunner>
<launcher>
<flashplayerCommand>${flashPlayer.command}</flashplayerCommand>
</launcher>
</testRunner>
</configuration>
</plugin>
</plugins>
</build>

Esto nos permitirá completar la compilación y los test de manera satisfactoria.

Preparar el proyecto para eclipse

Ejecutando la siguiente sentencia generamos los ficheros de proyecto de FlexBuilder.

mvn flexmojos:flexbuilder

Una vez finalizado con éxito, podemos importar el proyecto en FlexBuilder.

Una vez importado, podremos lanzar la aplicación desde el builder.

Autor del post: Carlos Hernández
Enlace original: http://feedproxy.google.com/~r/blogcoconnut/~3/1kGM2cuMSWk/

Este post fue creado por Carlos Hernández en el blog http://www.coconnut.com/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://feedproxy.google.com/~r/blogcoconnut/~3/4AdRh4XKdLA/

Post agregado:

Un ejemplo de como crear un loop de video perfecto en Flex utilizando el componente VideoDisplay y en AS3 utilizando la clase Video. Yo personalmente prefiero la versión AS3

Ver código >>

Ver ejemplo >>

Autor del post: Carlos Hernández
Enlace original: http://feedproxy.google.com/~r/blogcoconnut/~3/4AdRh4XKdLA/

Este post fue creado por Carlos Hernández en el blog http://www.coconnut.com/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://feedproxy.google.com/~r/blogcoconnut/~3/WytypTE9iRU/

Post agregado:

Parece que nuestro amigos de Adobe le están lavando la cara a Cairngorm. Habrá que echarle un vistazo. http://opensource.adobe.com/wiki/display/cairngorm/Cairngorm+3

Autor del post: Carlos Hernández
Enlace original: http://feedproxy.google.com/~r/blogcoconnut/~3/WytypTE9iRU/

Este post fue creado por Luis Estevez en el blog http://www.coconnut.com/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://feedproxy.google.com/~r/blogcoconnut/~3/TobhAQgRSkY/

Post agregado:

Ver ejemplo >>

Descargar Proyecto Flex (incluye Framework Mate) >>

Descargar Proyecto Flash CS4 >>

Imagino que a más de un@ le habrá ocurrido lo que a mí. Llegué a Flex (Framework) por medio de Flash (Professional), y cuando me bajaba ejemplos, tutoriales, "aprenda Flex en una semana"... tenía la sensación de que Flex era útil sólo si te tenías que conectar a una base de datos, a un script de servidor, a un web service... y que todo tenía ese "toque Flex" (fondo azul verdoso, botones semistransparentes, marcos de selección azulados, los paneles, las listas de items...).

Ahora sigo igual de perdido que al principio, pero una de las pocas cosas que tengo claras es que una "aplicación Flex" no tiene por qué tener ese "toque Flex" , de hecho, puede tener el mismo aspecto que una aplicación desarrollada con Flash Professional. Y de ahí el origen de este post.

Tanto el swf generado con Flex Framework y Mate, como el generado con Flash Professional son "visualmente" idénticos. Ahora bien, hay una pequeña diferencia, el primero pesa 300 Kb y el segundo 70 Kb.

A quien le interese sólo la galería de imágenes, le recomendaría que se descargase la versión Flash, ya que la versión Flex sólo tiene el propósito de mostrar que una aplicación puede tener el aspecto que deseemos, sin que se vea condicionada por el framework.

Apuntar también otra cosa: he utilizado el framework Mate para una aplicación EXTREMADAMENTE sencilla, y no tiene mucha razón de ser, más allá de la didáctica. Sin embargo, si alguien está empezando con Mate, la simplicidad del ejemplo puede ayudar bastante (sólo hace dos cosas: descargar el xml con las galerías de imágenes y conectar el menú inferior con las imágenes que se muestran).

Autor del post: Luis Estevez
Enlace original: http://feedproxy.google.com/~r/blogcoconnut/~3/TobhAQgRSkY/