Documentación de Flash CS3

Aprendizaje de ActionScript 2.0 en Adobe Flash > Utilización de texto y cadenas > Aplicación de formato al texto con hojas de estilos en cascada > Aplicación de una hoja de estilos a un componente TextArea

Aplicación de una hoja de estilos a un componente TextArea

Para aplicar una hoja de estilos a un componente TextArea, deberá crear un objeto de hoja de estilos y asignarle estilos HTML mediante la clase TextField.StyleSheet. Posteriormente deberá asignar la hoja de estilos a la propiedad styleSheet del componente TextArea.

En los siguientes ejemplos se crea un objeto de hoja de estilos, styles, que se asigna a la instancia de componente myTextArea.

Utilización de una hoja de estilos con un componente TextArea:

1. Cree un nuevo documento de Flash y guárdelo como textareastyle.fla.
2. Arrastre un componente TextArea desde la carpeta User Interface del panel Componentes al escenario y asígnele el nombre de instancia myTextArea.
3. Añada el siguiente código ActionScript al fotograma 1 de la línea de tiempo principal:

   // Crear un nuevo objeto de hoja de estilos y establecer sus estilos.
   var styles:TextField.StyleSheet = new TextField.StyleSheet();
   styles.setStyle("html", {fontFamily:'Arial,Helvetica,sans-serif',
                       fontSize:'12px',
                       color:'#0000FF'});
   styles.setStyle("body", {color:'#00CCFF',
                       textDecoration:'underline'});
   styles.setStyle("h1",{fontFamily:'Arial,Helvetica,sans-serif',
                       fontSize:'24px',
                       color:'#006600'});
   
   /* Asignar el objeto de hoja de estilos al componente myTextArea. Establecer la propiedad html en true, establecer la propiedad styleSheet en el objeto de hoja de estilos. */
   myTextArea.styleSheet = styles;
   myTextArea.html = true;
   
   var myVars:LoadVars = new LoadVars();
   // Definir controlador onData y cargar el texto que se va a mostrar.
   myVars.onData = function(myStr:String):Void {
       if (myStr != undefined) {
           myTextArea.text = myStr;
       } else {
           trace("Unable to load text file.");
       }
   };
   myVars.load("http://www.helpexamples.com/flash/myText.htm");
   

   El bloque de código anterior crea una nueva instancia TextField.StyleSheet que define tres estilos para las etiquetas HTML: html, body y h1. A continuación, el objeto de hoja de estilos se aplica al componente TextArea y se activa el formato HTML. El código ActionScript restante define un objeto LoadVars que carga un archivo HTML externo y rellena el área de texto con el texto cargado.

4. Seleccione Control > Probar película para probar el documento de Flash.

Flash CS3

Enviarme un mensaje de correo electrónico cuando se añadan comentarios a esta página | Informe de comentarios

Página actual: http://livedocs.adobe.com/flash/9.0_es/main/00000913.html

Añadir comentario