TextField en AS3. Creación y utilización de campos de texto en ActionScript 3. Parte I
Monday, 22. March 2010
En las aplicaciones creadas en Flash y Flex utilizamos frecuentemente campos de texto para mostrar o recibir datos. Sin embargo, en algunas ocasiones necesitamos que esas cajas de texto sean creadas por código de manera automática. Para eso podemos utilizar la clase TextField en AS3. Esta clase nos permitirá crear un nuevo campo de texto. Igualmente si hemos creado el TextField en el escenario, podemos modificar todas sus propiedades, o utilizar sus métodos a través de AS3.
La sintaxis que debemos utilizar para crear un TextField es muy sencilla. Simplemente definimos con la palabra clave “new” la creación de un nuevo campo, con la misma sintaxis que utilizaríamos si estuviéramos creando una variable. No debemos olvidar nunca que para que se muestre en el escenario debemos utilizar addChild(). Quedaría de la siguiente forma:
var campo:TextField=new TextField();
campo.text="Campo de texto";
addChild(campo);
Una vez que hemos creado el campo de texto podemos modificar sus propiedades de la misma forma en la que lo hacemos con cualquier otro objeto en el escenario. Podemos cambiar su tamaño, su posición, etc. Veamos las principales propiedades que utilizaremos normalmente para modificar nuestro TextField:
| Propiedad | Utilidad | ejemplo |
|---|---|---|
| background | Boolean. Define si tiene o no fondo el campo de texto. | campo.background=true; |
| backgroundColor | Determina el color del fondo en el formato hexadecimal 0xFFFFFF | campo.backgroundColor=0×996633; |
| defaultTextFormat | Cuando hemos creado un textFormat para determinar un formato de texto, le asignamos todas sus propiedades | campo.defaultTextFormat=miFormato; |
| displayAsPassword | No muestra los caracteres, sino asteriscos mostrando el texto en forma de contraseña | campo.displayAsPassword=true; |
| htmlText | Para insertar texto en formato HTML dentro de un campo de texto | campo.htmlText=”<b>Negrita</b> y normal”; |
| length | Muestra el largo del texto introducido dentro del TextField | trace(campo.length); |
| maxChars | Define el número máximo de caracteres que puede tener un TextField. | campo.maxChars=10; |
| multiline | Define si el campo de texto sólo tiene una línea (false) o varias líneas (true). | campo.multiline=true; |
| selectable | Determina si el texto que está dentro del TextField puede ser o no seleccionado por el usuario | campo.selectable=false; |
| text | Determina cual es el texto que hay dentro del TextField | campo.text=”Este es un campo de texto o TextField”; |
| type | Determina el tipo de campo de texto. Podemos usarlo para mostrar un texto (Campo Dinámico) o para que el usuario introduzca su texto (Campo de entrada o INPUT). | campo.type=TextFieldType.DYNAMIC; campo.type=TextFieldType.INPUT; |
Será todo por el momento. Pero luego continuaremos estudiando el TextField y su utilización, y veremos sus principales métodos.
Comentarios, dudas, aportes o inquietudes pueden ser dejadas libremente en el sistema de comentarios del blog.
Un saludo. Samuel Jiménez. EsK.
Diego Fernando Says:
Hola amigo, muy buena nota,
oye quería hacerte una consulta por si me puedes ayudar;
estoy trabajando en una aplicación de escritorio en flash AIR AS3 y la pregunta es esta.
tengo en el escenario dos componentes:
1. un textimput que cumple el papel de buscador.
2. un componente list que contiene los datos que se buscan.
Ya escribi el còdigo que busca el nombre o el apellido insertado en el textimput en el componente list y manda el scroll al indice de la celda(item) correspondiente.
lo que no he podido lograr es que automaticamente esa celda se seleccione como si le hubiera dado CLICLK;
¿COMO HAGO PARA REPRODUCIR EL EVENTO MOUSE_DOWN EN ESA CELDA?
EL EFECTO QUE QUIERO LOGRAR ES EL MISMO QUE SE USA EN EL MOTOR DE BUSQUEDA DE EL DICCIONARIO QUE VIENE CON LA BIBLIOTECA DE CONSULTA ENCARTA.
MUCHAS GRACIAS Y DISCULPE TANTO ROLLO.
DIOS TE BENDIGA
MARCOS HUERTA HERNANDEZ Says:
un buen comienzo para la manipulacion dinamica de texto gracias por el el tema con texto y me gustaria saber si posteriormente se ampliara este tema estaria interezado en Texto mas avanzado.
Yuri Says:
En AS 2.0 aparecia la propiedad password, existe en A.S. 3.0? sino como se utiliza.
Gracias
LoLo Says:
mmm… he estado revisando tu web… y esta muy chevere… pero me ha kedado una duda… como hacer un comboBox como el que tienes en este articulo… y si hay algun tipo de paquete q contenga varios objetos como estos…
Gracias y Felicitaciones por la pagina
Amy Says:
mmm… he estado revisando tu web… y esta muy chevere… pero me ha kedado una duda… como hacer un comboBox como el que tienes en este articulo… y si hay algun tipo de paquete q contenga varios objetos como estos…
Gracias y Felicitaciones por la pagina