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 Iván Gajate en el blog http://www.yporqueno.es/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://www.yporqueno.es/blog/plugin-flex-formatter-para-eclipse

Post agregado:

Este es uno de mis plugins favoritos de Flex, permite configurar casi cualquier aspecto del formato de nuestro código, por ejemplo el poner las llaves de las funciones en la misma línea, que es algo que me saca de quicio

Una vez configurado, se pulsa el icono de la barra de herramientas (o con su atajo de teclado) y listo, deja nuestro código formateadito como a nosotros nos gusta.

Flex Formatter se puede descargar de aqui y estas son algunas de las cosas que permite configurar:

Autor del post: Iván Gajate
Enlace original: http://www.yporqueno.es/blog/plugin-flex-formatter-para-eclipse

Este post fue creado por Iván Gajate en el blog http://www.yporqueno.es/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://www.yporqueno.es/blog/plugin-flex-formatter-para-eclipse

Post agregado:

Este es uno de mis plugins favoritos de Flex, permite configurar casi cualquier aspecto del formato de nuestro código, por ejemplo el poner las llaves de las funciones en la misma línea, que es algo que me saca de quicio

Una vez configurado, se pulsa el icono de la barra de herramientas (o con su atajo de teclado) y listo, deja nuestro código formateadito como a nosotros nos gusta.

Flex Formatter se puede descargar de aqui y estas son algunas de las cosas que permite configurar:

Autor del post: Iván Gajate
Enlace original: http://www.yporqueno.es/blog/plugin-flex-formatter-para-eclipse

Este post fue creado por Iván Gajate en el blog http://www.yporqueno.es/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://www.yporqueno.es/blog/duplicar-un-proyecto-flex

Post agregado:

Hay una forma mucho más sencilla de hacerlo que la que publiqué hace un tiempo, basta con copiar y pegar el proyecto desde dentro de Eclipse (Flex).

Tenemos que tener abierto el proyecto, si no no funciona.

Cuando le demos a pegar, nos preguntará el nombre del proyecto. Es el momento de darle un nombre diferente para que no entre en conflicto con el anterior:

Y listo, ya tenemos nuestro proyecto duplicado sin perder ninguna preferencia del proyecto

Autor del post: Iván Gajate
Enlace original: http://www.yporqueno.es/blog/duplicar-un-proyecto-flex

El fallo consiste en que si desde el colorPicker introducimos directamente el código del color en el campo de texto al presionar la tecla ENTER para validar el color introducido, este ENTER nos introduce tambien un salto de línea dentro de la caja de texto del editor haciendo a su vez que el texto seleccionado desaparezca. Un error del compomente bastante impresentable

Pero la solución es bastante fácil. Basta con hacer que el TextArea del componente no sea editable en el momento en el que abrimos el colorPicker, de manera de que el ENTER de validación del color no afectará al texto. Una vez cerrado el colorPicker volveremos a hacer editable el texto.

En cuanto al código, únicamente necesitaremos escuchar los eventos de apertura y cierre del colorPicker, y modificar la propiedad editable del TrextArea.

Podemos crearnos un componente propio que extienda del componente RichTextEditor implementando este código. Este sería el componente:

Comparte:

Related posts:

1. Acceder a los itemRenderer de un componente lista en Flex
2. Modificar datos en componentes Flex con ItemEditors
3. Cómo personalizar el icono del panel de Alerta de Flex

Related posts:

1. Tutorial JSFL – Creación de Paneles con Flex 2ª parte Bienvenidos a este nuevo tutorial de jsfl, en esta ocasión...

Related posts brought to you by Yet Another Related Posts Plugin.

Este post fue creado por Iván Gajate en el blog http://www.yporqueno.es/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://www.yporqueno.es/blog/eclipse-flex-64-bits

Post agregado:

He instalado Windows 7 de 64 bits y claro, me ha tocado volver a instalar toooodos los programas que tenía. Y mi sorpresa ha sido que la mayoría de ellos sólo existen en su versión de 32 bits, a estas alturas de la vida.

Para instalar Eclipse+Plugin de Flex ya sabemos que hace falta, Java, Eclipse y el plúgin de Flex. Pues bien: Java existe para 32 y 64 bits, Eclipse también pero Flex sólo para 32, a día de hoy al menos.

Y encima la última versión de Flex (3.4) al parecer no se lleva bien con la última de Eclipse (la 3.5), así que la solución al final, tras hacer todas las pruebas posibles ha sido volver a mi instalación súper estable de Eclipse 3.4+Flex 3.2, todos ellos de 32 bits. Lo digo por si alguien se pelea a día de hoy con esto, para que no pierda tiempo

Lo único bueno, es que como es Java, ha bastado con pegar en C la carpeta de Eclipse que tenía de backUp, y ha funcionado todo tal cual, a la primera, atajos de teclado, plugins… Algo bueno tenía que tener no? ;D

Autor del post: Iván Gajate
Enlace original: http://www.yporqueno.es/blog/eclipse-flex-64-bits

Este post fue creado por Iván Gajate en el blog http://www.yporqueno.es/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://www.yporqueno.es/blog/como-compilar-air-desde-eclipse-2

Post agregado:

<<  Viene de Compilar AIR desde Eclipse (I)

2. Compilar nuestro proyecto:

Los proyectos AIR necesitan un archivo xml (Application Descriptor se le llama) donde se especifican las propiedades del proyecto. No es difícil de escribir y hay mucha información por la red, pero yo uso un programa que hace mas fácil la creación y gestión de este archivo.

Este programa se llama Application Descriptor Manager, está hecho en AIR es gratuito y muy sencillo de usar.

Lo descargamos e instalamos. Los campos a rellenar se explican por si solos, los básicos son estos:

EjemploAplicacion-app.xml

<?xml version ="1.0" encoding="utf-8" ?>
<application xmlns="http://ns.adobe.com/air/application/1.0">
	<id>com.adobe.EjemploAplicacion</id>
	<version>1.0</version>
	<filename>EjemploAplicacion</filename>
	<description></description>
	<name>EjemploAplicacion</name>
	<copyright></copyright>
	<initialWindow>
		<content>Main.swf</content>
		<systemChrome>standard</systemChrome>
		<transparent>false</transparent>
		<visible>true</visible>
	</initialWindow>
	<icon>
		<image16x16>icons/AIRApp_16.png</image16x16>
		<image32x32>icons/AIRApp_32.png</image32x32>
		<image48x48>icons/AIRApp_48.png</image48x48>
		<image128x128>icons/AIRApp_128.png</image128x128>
	</icon>
	<customUpdateUI>false</customUpdateUI>
	<allowBrowserInvocation>false</allowBrowserInvocation>
</application>

Le indico que incluya un icono (en 4 tamaños) para que mi aplicación AIR los utilice una vez instalada en el ordenador del usuario. Más tarde tendré que incluirlos también a la hora de compilar el proyecto.

Una vez que ya tenemos nuestro xml listo, ya podemos compilar nuestro proyecto, aunque no se puede hacer de la forma habitual, porque no es un archivo swf, y nos daría error en las líneas que hiciesen referencia a algo específico de AIR.

En la ayuda de Adobe, hay bastante información de como compilar utilizando la línea de comandos, pero claro, eso es feísimo y muy duro para estar usándolo constantemente, así que vamos a utilizar una herramienta muy útil que trae Eclipse llamada ANT que sirve básicamente para ejecutar tareas repetitivas.

¡Justo lo que necesitamos!

Las acciones van escritas en un xml y la sintaxis es muy simple, hay mucha info en internet al respecto.

Básicamente consiste en una serie de propiedades (variables) donde se almacenan los nombres y las rutas de los archivos. Estos valores los tendremos que cambiar para cada proyecto.

Cada tarea es un “target” y no hace falta cambiar nada.

Yo me he hecho un xml que realiza las tres acciones básicas:

• Compilar
• Empaquetar el proyecto
• Crear el certificado.

Tiene este aspecto:

Descargar build.xml

Guardamos el xml en la raiz de nuestro proyecto (esto es importante pues las rutas son relativas a donde esté este archivo).

Lo abrimos para editar las propiedades del proyecto, el nombre y las carpetas que se van a incluir. Yo incluyo también una carpeta con iconos para el programa, y una carpeta con assets para las cosas que necesite mi AIR.

Abrimos la ventana de ANT, vamos a Window > Show View > Others… y la buscamos.

Una vez abierta, tenemos que “cargar” las acciones que queremos que realice (build.xml)

Seleccionamos el xml:

Y para compilar nuestro proyecto hacemos play sobre la tarea 1 (compilar).

Y listo! Si todos los archivos están en su sitio y las rutas bien puestas, veremos nuestro programa funcionando.

Podemos asignarle un atajo de teclado a la última acción realizada en el ANT, así, la primera vez compilaremos con el ratón, pero las sucesivas podemos hacer Ctrl+Shift+Enter (por ejemplo).
Para ello vamos a las propiedades de Eclipse y en Keys asignamos a “Run Last Launched External Tool” el atajo Ctrl+Shift+Enter

3. Empaquetar el proyecto como un archivo .air

Esto es lo más fácil. Sólo tenemos que crear un certificado usando la tarea 2 de nuestro xml (Crear certificado). Generará un archivo pfx.

Cuando tengamos el certificado creado, ejecutamos la tarea 3 de nuestro xml (Empaquetar AIR)

Y listo!

Ya sabemos compilar y distribuir un proyecto AIR desde Flex. El proceso de instalación y configuración de las herramientas necesarias es largo, pero una vez se tiene todo configurado, es solo darle al botón de play

Descargar build.xml

Autor del post: Iván Gajate
Enlace original: http://www.yporqueno.es/blog/como-compilar-air-desde-eclipse-2

Este post fue creado por Iván Gajate en el blog http://www.yporqueno.es/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://www.yporqueno.es/blog/como-compilar-air-desde-eclipse-1

Post agregado:

Ahora me ha dado por AIR, y la verdad me está gustando mucho, tiene muchas posibilidades como la de utilizar una bbdd SQLite en nuestro proyecto (!!)

Pero quiero poder programarlo en Eclipse con todas las ventajas que tiene, así que aquí va cómo crear un proyecto AIR (ActionScript) desde Flex (Eclipse+Plugin de Flex):

Tenemos que conseguir tres cosas:

1. Que Flex entienda la programación específica de AIR.
2. Compilar el proyecto.
3. Empaquetar el proyecto como un archivo .air

1. Para lo primero basta con especificarle a Flex que lea un par de librerías de AIR que ya tiene instaladas junto con el plugin de Flex.
Duplicamos la carpeta del sdk de Flex que usemos (3.2.0 en mi caso) y le ponemos otro nombre, por ejemplo “3.2.0_AIR“.
Suele estar en “C:\Archivos de programa\Adobe\Flex Builder 3 Plug-in\sdks”

Dentro de esa carpeta buscamos el archivo de configuración de Flex (frameworks\flex-config.xml) y lo abrimos.

Buscamos sobre la línea 73 donde se enumeran las bibliotecas swcs que cargará Eclipse, y añadimos dos rutas nuevas: libs/air/airglobal.swc y libs/air/airframework.swc

Ahora tenemos que crear en Flex un nuevo perfil de SDK para utilizar en nuestros proyectos.

Abrimos las preferencias de Eclipse y vamos a Flex > Installed Flex SDKs, y añadimos la nueva carpeta que hemos creado (3.2.0_AIR).

Con esto ya es suficiente para que Eclipse nos muestre la ayuda contextual mientras escribimos.

Vamos a probarlo!

Creamos un nuevo proyecto ActionScript, pero en lugar de dejar el sdk por defecto, usamos nuestro nuevo perfil “Flex 3.2 with AIR”

Para ver si todo ha ido bien, basta con poner alguna programación específica de AIR para que nos muestre la ayuda de código, por ejemplo la clase File, muy utilizada en AIR:

Seguir leyendo Compilar AIR desde Eclipse (II)  >>  Compilar el proyecto

Autor del post: Iván Gajate
Enlace original: http://www.yporqueno.es/blog/como-compilar-air-desde-eclipse-1

Este post fue creado por admin en el blog http://www.codigoactionscript.org.
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/codigoactionscript/~3/GXiUzfz0uAk/

Post agregado:

Ya está disponible una nueva versión de Adobe Flash Catalyst para descargar y probar desde los Labs de Adobe. La versión Beta 2.

Esta versión trae unas interesantes mejoras y novedades, tales como:

• Rendimiento más rápido. Un aumento notable en el rendimiento sobre la beta 1
• Mejorada de interfaz gráfica, más fácil de usar para el usuario.
• Importar archivos de soporte de vídeo. Controles de reproducción estándar o personalizados.
• Efectos de sonido. Añadir efectos de sonido a las interacciones.
• Más componentes. Tales como deslizadores, botones de radio, el panel de desplazamiento, etc..
• Más interacciones. Especifique una dirección URL para abrir durante una interacción, reproducir un vídeo, etc..
• Exportar a AIR. Exportación de proyectos que se ejecutan fuera del navegador con Adobe AIR.
• Aceleración de movimiento. Definir la aceleración de movimiento para una animación más fluida.
• Filtros. Múltiples filtros para modificar los gráficos como la adición de sombra, brillo, Blur, etc...
• Los modos de mezcla. Seleccionar cómo los objetos se mezclan con otros objetos.
• Contenido Accesible. Crear un archivo SWF accesibles que pueden ser utilizados por los discapacitados visuales.
• SWF control. Ejecutar un archivo SWF desde un frame específico.
• Las opciones de salida del SWF. Crear un archivo SWF que se despliegue, redistribuible y tiene fuentes incrustadas.

Ryan Stewart, a grabado un video donde nos muestra estas mejoras:

Desde este enlace podemos descargarnos la Beta 2:

https://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_flashcatalyst

Related posts:

1. Disponible Adobe AIR 2 beta 2
2. Betas de Flash Builder 4 y Flash Catalyst en Adobe Labs
3. Beta de Adobe AIR 2.0 disponible en Labs

Autor del post: admin
Enlace original: http://feedproxy.google.com/~r/codigoactionscript/~3/GXiUzfz0uAk/