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 > Carga de archivos CSS externos

Carga de archivos CSS externos

Puede definir estilos en un archivo CSS externo y después cargar dicho archivo en un objeto de hoja de estilos. Los estilos definidos en el archivo CSS se añaden al objeto de hoja de estilos. Para cargar un archivo CSS externo, utilice el método load() de la clase TextField.StyleSheet. Para determinar cuándo ha finalizado la carga del archivo CSS, utilice el controlador de eventos onLoad del objeto de hoja de estilos.

En el ejemplo siguiente, se crea y se carga un archivo CSS externo y se utiliza el método TextField.StyleSheet.getStyleNames() para recuperar los nombres de los estilos cargados.

Para cargar una hoja de estilos externa:

1. En el editor de CSS o de texto que prefiera, cree un nuevo archivo.
2. Añada al archivo las siguientes definiciones de estilo:

   .bodyText {
       font-family: Arial,Helvetica,sans-serif;
       font-size: 12px;
   }
   
   .headline {
       font-family: Arial,Helvetica,sans-serif;
       font-size: 24px;
   }
   

3. Guarde el archivo CSS como styles.css.
4. En Flash, cree un nuevo archivo FLA.
5. En la línea de tiempo (Ventana > Línea de tiempo), seleccione Capa 1.
6. Abra el panel Acciones (Ventana > Acciones).
7. Añada el código siguiente al panel Acciones:

   var styles:TextField.StyleSheet = new TextField.StyleSheet();
   styles.onLoad = function(success:Boolean):Void {
       if (success) {
           // mostrar nombres de estilos.
           trace(this.getStyleNames());
       } else {
           trace("Error loading CSS file.");
       }
   };
   styles.load("styles.css");
   

   NOTA

   En el fragmento de código anterior, this.getStyleNames() hace referencia al objeto styles que ha creado en la primera línea de ActionScript.

8. Guarde el archivo FLA en el mismo directorio que contiene el archivo styles.css.
9. Pruebe el documento de Flash (Control > Probar película).

   Se mostrarán los nombres de los dos estilos en el panel Salida:

   .bodyText,.headline
   

   Si aparece "Error loading CSS file." en el panel Salida, asegúrese de que el archivo FLA y el archivo CSS se encuentren en el mismo directorio y de que ha escrito correctamente el nombre del archivo CSS.

Al igual que ocurre con los demás métodos de ActionScript que cargan datos a través de la red, el archivo CSS debe residir en el mismo dominio que el archivo SWF que está cargando el archivo. (Véase Restricción de las API de red.) Para más información sobre la utilización de CSS con Flash, consulte StyleSheet (TextField.StyleSheet) en Referencia del lenguaje ActionScript 2.0.

Para ver un ejemplo de archivo de origen, formattedText.fla, que muestra cómo aplicar formato CSS al texto cargado en un archivo SWF en tiempo de ejecución, visite la página de ejemplos de Flash en www.adobe.com/go/learn_fl_samples_es. Descargue y descomprima el archivo zip Samples y vaya a la carpeta ActionScript2.0/LoadText para acceder al ejemplo.

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/00000910.html

Añadir comentario