Tres técnicas para personalizar el estilo de los UI components de flash utilizando contornos de fuentes incorporadas (embedFonts). Para todos los casos, el primer paso consiste en vincular la fuente que se va a utilizar:

1. Abrir el panel Biblioteca
2. Hacer clic en el botón situado a la derecha de la parte superior del panel.
3. Seleccionar Nueva fuente
4. En el combobox Fuente, seleccionar la fuente y escribir un nombre. Aceptar
5. En la biblioteca, se habrá creado un nuevo objeto fuente, seleccionar y hacer clic con el botón derecho.
6. Desmarcar Exportar para ActionScript La casilla identificador, puede ser el mismo que hemos utilizado como nombre. Aceptar
7. Insertar -> Línea de tiempo -> Capa
8. Modificar -> Línea de tiempo -> Propiedades de capa
9. Escribir un nombre de capa (actions)
10. En la capa actions, escribir el código.

Para estos ejemplos, se ha vinculado la fuente “FFF” Harmony y se le asigna el identificador “harmony”

Aplicar a todos los componentes
De esta forma, todos los componentes utilizados en la aplicación, heredan el estilo.

_global.style.setStyle("embedFonts", true);
_global.style.setStyle("fontFamily", "harmony");
_global.style.setStyle("fontSize", 8 );

Aplicar a una clase de los componentes
Si se instancian diferentes clases de componentes, es posible personalizar determinadas clases sin que afecte al resto, en este ejemplo, se personaliza la propiedad texto para todos los componentes TextaArea

var styleObj = _global.styles.TextArea = new mx.styles.CSSStyleDeclaration();
styleObj.embedFonts = true
styleObj.fontFamily = "harmony"
styleObj.fontSize = 8

Aplicar a un instancia de clase de componente:
En el siguiente ejemplo, se personalizan determinadas instancias de componentes, es decir, no se modifican todos los componentes de una clase.

var styleObj = new mx.styles.CSSStyleDeclaration();
_global.styles.myStyle = styleObj;
with (styleObj) {
	embedFonts = true;
	fontFamily = "harmony";
	fontSize = 8;
}
miTexto.setStyle("styleName", "myStyle");
miBoton.setStyle("styleName", "myStyle");

This entry was posted on Jueves, Septiembre 22nd, 2005 at 3:16 pm and is filed under actionScript. You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.