11 de marzo de 2010

Formato para las cajas de texto en AS3

En el Post anterior explicamos como insertar textos y a hacer ciertos ajustes a la caja desde AS3, Pero esos ajustes solo modificaron la aparariencia de la caja mas no la apariencia de los caracteres que se encuentran dentro.
Para poder aplicarle formato al contenido de la caja de texto tendremos que utilizar la Clase TextFormat, la cual se encuentra en el paquete [flash.text].

//importamos la clase.
import flash.text.TextFormat;

//creamos el paquete de formato.
var formato_txt1:TextFormat=new TextFormat();

//activamos negrita al paquete
formato_txt1.bold=true;
//activamos cursiva al paquete
formato_txt1.italic=true;
//activamos subrayado al paquete
formato_txt1.underline=true;
//definimos el color de fuente al paquete
formato_txt1.color=0xff0000;
//aplicamos Fuente al paquete
formato_txt1.font="Verdana";
//definimos el tamaño de fuente al paquete
formato_txt1.size=5;
//aplicamos aliniacion al paquete
formato_txt1.align="center";

ojo que no basta con crear el paquete de formato, puesto que el paquete y la caja de texto son dos objetos que aun no estan ligados eso quiere decir que el formato no se le aplicara a la caja de texto.
Asi que agamos el enlace entre la caja de texto y el paquete de formatos.

//creamos la caja de texto.
var txt1:TextField=new TextField();
//esta el enlace entre la caja de texto y el paquete de formato
txt1.defaultTextFormat=formato_txt1;
//llenamos la caja de texto.
txt1.text="Este texto ira en la caja de texto";
//mostramos el texto en el escenario.
this.addChild(txt1);

Es importante que la linea de enlace se encuentre justo despues de aberlo creado o almenos antes de aver echo el llenado de la caja.
:: Resultado final ::

0 comentarios: