Las hojas de estilos CSS están representadas en ActionScript mediante la clase TextField.StyleSheet.
La utilización de hojas de estilo implica los siguientes pasos básicos:
- Crear un objeto de hoja de estilos desde la clases TextField.StyleSheet.
- Añadir estilos al objeto de hoja de estilos cargándolos desde un archivo CSS.
- Asignar la hoja de estilos a un objeto TextField o TextArea que contenga texto con formato HTML.
Hoja de estilos (style.css)
-
p { <span class="identifier">color</span>: #000000;
-
<span class="identifier">font</span>-family: Trebuchet MS, Verdana;
-
<span class="identifier">font</span>-<span class="identifier2">size</span>: 12px;
-
display: inline;
-
}
-
a:link {
-
<span class="identifier">color</span>: #0099ff;
-
<span class="identifier2">text</span>-decoration: none;
-
}
-
a:hover{
-
<span class="identifier">color</span>: #0099ff;
-
<span class="identifier2">text</span>-decoration: <span class="identifier">underline</span>;
-
}
-
.cabecera {
-
<span class="identifier">color</span>: #000000;
-
<span class="identifier">font</span>-family: Trebuchet MS, Verdana;
-
<span class="identifier">font</span>-<span class="identifier2">size</span>: 18px;
-
<span class="identifier">font</span>-weight: <span class="identifier">bold</span>;
-
display: block;
-
}
-
.subcabecera {
-
<span class="identifier">color</span>: #000000;
-
<span class="identifier">font</span>-style: <span class="identifier">italic</span>;
-
<span class="identifier">font</span>-weight: <span class="identifier">bold</span>;
-
display: inline;
-
}
Arrastra un componente textArea al escenario, en el inspector de propiedades, en la casilla nombre de instancia escribe mitexto.
actionScript
Crear un nuevo objeto styleSheet
-
var myCSS = new TextField.StyleSheet();
-
var cssURL = 'estyles.css'; // URL de la hoja de estilos
Función que carga la hoja de estilos. Para que el campo de texto entienda HTML, es imprescindible asignar formato HTML.
Cargar estilos
-
cargarCSS = function () {
-
mitexto.html = true;
-
mitexto.wordWrap = true;
-
myCSS.load(cssURL);
-
myCSS.onLoad = function(success) {
-
if (success) {
-
// -- aplicar estilos
-
mitexto.styleSheet = myCSS;
-
mitexto.text = datos.texto;
-
}
-
};
-
};
Cargar archivo de texto
El texto que se muestra en el componente textArea es un archivo con extensión.txt que se carga via LoadVars. Si el archivo se carga correctamente se llama a una función cargarCSS que aplicará la hoja de estilos al texto.
-
datos = new LoadVars();
-
datos.load('texto.txt');
-
datos.onLoad = cargarCSS;
Ejemplo
Descarga Stylesheet.zip
Stylesheet.zip se ha descargado 1,338 veces.

0 Responses to “Flash MX2004 - Clase styleSheet: Carga de archivos CSS externos.”