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:

package clases.estilos
{
    import mx.skins.ProgrammaticSkin;

    [...]

Este tip 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:

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 componentes botón [...]