Primer libro sobre Flex 4 (Gumbo)

Peter Armstrong se ha puesto manos a la obra para escribir el primer libro sobre Flex 4 (a.k.a Gumbo):  Hello! Flex 4.

De momento solamente podemos ver el primer capítulo que se ofrece gratuitamente: http://www.manning.com/armstrong3/armstronghello_meapch1.pdf


Su editorial es Manning y constará de 225 páginas.

Referencias:
http://www.manning.com/armstrong3/
http://www.manning.com/armstrong/
http://www.peterarmstrong.com/

Hola Mundo en Flex 4 (Gumbo)


<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- holamundo.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/halo"
xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Script>
<![CDATA[
private function muestraHola():void {
miTextArea.text="Hola Mundo!";
}
]]>
</fx:Script>

<s:Panel title="miPanel">
<s:layout>
<s:VerticalLayout/>
</s:layout>

<s:TextArea id="miTextArea"/>

<s:Button label="Pulsa aquí" click="muestraHola();"/>
</s:Panel>
</s:Application>


Resultado:

Tendremos que seguir los mismos pasos que los descritos en: http://17cosas.blogspot.com/2009/09/hola-mundo-en-flex.html

exceptuando que el compilador Flex en este caso es de la version 4, alojado en http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4


Cabe resaltar los nuevos namespaces referentes a Halo y Spark:

* xmlns:fx="http://ns.adobe.com/mxml/2009" (MXML)

    Este namespace incluye los elementos de alto nivel del lenguaje ActionScript como son Object, Number, Boolean, Array, etc. Para ver la lista completa de estos elementos, ver la referencia del lenguaje de Adobe en el apartado 'Top Level' (http://livedocs.adobe.com/flex/gumbo/langref/)
   
    Este namespace también incluye las etiquetas que trata el compilador como , y . Para más información consultar la referencia del lenguaje de Adobe en el apartado MXML Only Tags.
   
    Este namespace no incluye los componentes Halo o Spark.
   
    También podemos ver la lista completa de elementos que contiene este namespace declarados en el fichero incluído en el SDK en frameworks\mxml-2009-manifest.xml

* xmlns:mx="library://ns.adobe.com/flex/halo" (HALO)

    Este namespace incluye todos los componentes de los paquetes mx.*, componentes gráficos (Flex charting components), y componentes de visualización de datos.
   
    Para obtener una lista completa de estos componentes podemos obtenerla en el manifiesto ubicado en el mismo directorio del SDK, framework\halo-manifest.xml
   
* xmlns:s="library://ns.adobe.com/flex/spark" (SPARK)

    Este namespace incluye todos los componentes de los paquetes spark.* y las clases de texto incluídas en los paquetes flashx.*
   
    También incluye los componentes RPC, y las clases RPC necesarias para tratar con los componentes WebService, HTTPService y RemoteObject. Estas clases están incluídas en el namespace mx:, pero por conveniencia también se pueden usar con el namespace s:
   
    La lista completa de estos elementos podemos encontralos en el manifiesto frameworks\spark-manifest.xml
   

Para saber más acerca de este nuevo framework remito a la información ofrecida por Adobe (http://livedocs.adobe.com/flex/gumbo/), aunque hay que recordar que está en beta y su contenido puede ser modificado.



Referencias:
http://www.ria212.com/node/9
http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4
http://livedocs.adobe.com/flex/gumbo/

Hola Mundo en Flex

Este artículo es escueto pero da una idea del lenguaje MXML de Flex:

Necesitaremos lo siguiente:

1) Un editor de textos tipo Notepad, Notepad++ o vi
2) El SDK de Flex, que se ofrece gratuitamente en
http://www.adobe.com/products/flex/flexdownloads/
o
http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3



Creamos el fichero holamundo.mxml con un editor de textos añadiendo este código:


<mx:application mx="http://www.adobe.com/2006/mxml">
<mx:panel title="Applicación Hola Mundo!" paddingtop="10"
paddingbottom="20" paddingleft="10" paddingright="10">

<mx:label text="Hola Mundo!" fontweight="bold" fontsize="24">
</mx:label>
</mx:panel>
</mx:application>


Después lo compilaremos desde consola con la herramienta mxmlc.exe alojado en el directorio \bin del SDK de Flex, por ejemplo, en mi caso:

mxmlc g:\mi.flex\pruebas\holaMundo.mxml





Si no ha habido ningún fallo en la compilación nos aparecerá este mensaje:

Loading configuration file c:\flex_sdk_3.4\frameworks\flex-config.xml
G:\mi.flex\pruebas\holaMundo.swf (182272 bytes)

Con esto se habrá creado el archivo holaMundo.swf, y el resultado es el siguiente (visto con Firefox):

Error al ejecutar el compilador de Flex por ausencia de la librería MSVCR71.dll

Al ejecutar en un Windows Vista Home, el compilador de Flex 3.4 (mxmlc.exe) desde consola, se me ha mostrado el siguiente error:


Error loading: C:\Programa Files\Java\jre6\bin\client\jvm.dll


Y acto seguido, en una ventana emergente:

Mxmlc.exe – No se puede encontrar el componente
Error al iniciar la aplicación porque no se encontró MSVCR71.dll. La reinstalación de la aplicación puede solucionar el problema.











Bien, la solución pasa por lo siguiente:

1) Bajar la librería MSVCR71.dll de la siguiente página:
http://www.dll-files.com/dllindex/dll-files.shtml?msvcr71

2) Alojar esta librería en c:\windows\system32, o en el mismo directorio donde se encuentra el compilador, en mi caso, en c:\flex_sdk_3.4\bin