Flash MX2004 - Clase styleSheet: Carga de archivos CSS externos. at After-hours

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)

CSS:

p { color: #000000;
font-family: Trebuchet MS, Verdana;
font-size: 12px;
display: inline;
}
a:link {
color: #0099ff;
text-decoration: none;
}
a:hover{
color: #0099ff;
text-decoration: underline;
}
.cabecera {
color: #000000;
font-family: Trebuchet MS, Verdana;
font-size: 18px;
font-weight: bold;
display: block;
}
.subcabecera {
color: #000000;
font-style: italic;
font-weight: bold;
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

PLAIN TEXT

Actionscript:

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

PLAIN TEXT

Actionscript:

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.

PLAIN TEXT

Actionscript:

datos = new LoadVars();
datos.load('texto.txt');
datos.onLoad = cargarCSS;

Ejemplo

This movie requires Flash Player 8

Descarga Stylesheet.zip

Stylesheet.zip se ha descargado 1,353 veces.