Aquí mostraré como incrustar tipografías dentro de nuestras aplicaciones Flex para poder utilizarlas en campos de textos o en componentes.

Lo primero que tendremos que hacer es crear un documento Flash que es el que "guardará" la tipografía.

Dentro de este documento vació de Flash pulsaremos con el botón derecho del mouse, y en el menú desplegable seleccionaremos "New Font...".

Esto nos abrirá un panel donde seleccionaremos la tipografía que queramos incrustar y le daremos un nombre.

Ahora nos aparecerá un nuevo símbolo en la librería. Deberemos darle opciones de Linkage. Daremos click derecho [...]

Como ampliación a los tips anteriores sobre personalización de componentes en Flex, "Importar diseño desde Photoshop a Flex" y "Personalizar botones de aplicaciones Flex con Actionscript", explicaré un sistema que nos da mcha libertad a la hora de personalizar nuestras aplicaciones: Los estilos programáticos.

Un estilo programático es simplemente un estilo vinculado a una clase de actionscript con la que dibujamos el gráfico a través de código.

Para ello crearemos dentro de nuestro proyecto una clase de actionscript que extienda de ProgrammaticSkin, la llamaremos por ejemplo EstiloBoton:

PLAIN TEXT
Actionscript:

package clases.estilos

{

    import mx.skins.ProgrammaticSkin;

  [...]

Este =http://www.cristalab.com/tipstip[/url] es una continuación a tip escrito por Mx en Cristalab sobre como personalizar botones (y componentes en general) de Flex.

En ese tip, se muestra como podemos utilizar gráficos de Photoshop para sustituir los gráficos estándar del componente. Ella mostró la forma de hacerlo desde los menús de Flex Builder y el resultado de ese proceso es la generación de un archivo CSS como, por ejemplo, este:

PLAIN TEXT
Actionscript:

Button {

    upSkin: Embed("img/ico1.png");

    overSkin: Embed("img/ico2.png");

    downSkin: Embed("img/ico3.png");

    disableSkin: Embed("img/ico4.png");

}

Con esto cambiaremos el aspecto de TODOS los [...]

En este =http://www.cristalab.com/tipstip[/url] mostraré como comunicarse con módulos cargados dentro de una película Flex principal. Los módulos son pequeñas películas MXML que creamos para luego incorporar dentro de otro MXML principal, de igual manera que un componente pero en este caso se genera un archivo .SWF externo independiente, lo que resulta útil ya que podemos compartir módulos entre diferentes películas.

Para colocar un módulo dentro de una película principal existen dos opciones, y con una nos encontraremos un pequeño problema al intentar comunicarnos.

La primera forma es como si de un componente [...]

En este =http://www.cristalab.com/tipstip[/url], siguiendo un poco el ejemplo visto en el tip anterior, mostraré el uso de itemRenderes e itemEditors para mostrar y editar datos dentro de componentes basados en listas, como el componente List, el DataGrid o el TileList...

Como se vió en el tip anterior los itemRenderer (y los itemEditors) nos permiten incrustar otros componentes Flex dentro de los listados de los componentes basados en listas, para poder mostrar la información de manera más compleja. Pudiendo de esta manara mostrar imágenes dentro de un DataGrid o fichas de productos [...]