Come creare fogli di stile CSS in Flash

Creazione di fogli di stile a cascata (CSS) per il progetto Flash può risparmiare una notevole quantità di tempo di formattazione e visualizzare il contenuto del file XML nel filmato Flash . Se il programma Flash utilizza file XML da feed RSS o file XML creati da database , è possibile creare fogli di stile diversi per formattare il testo XML senza scrivere codice HTML styling per ciascun tag XML. Una volta che hai creato il tuo CSS , tutto quello che dovete fare è assegnare i selettori CSS per i campi XML e si è fatto . Prima, però , è necessario imparare a creare inline sheets.Things di stile CSS Flash che ti serviranno
Adobe Flash Professional : CS3 , CS4 o CS5 versioni

Mostra Altre istruzioni
1

Avviare il programma Flash. Fare clic su " File Flash ( ActionScript 3.0 )" dalla finestra iniziale per creare un nuovo file di un progetto di animazione Flash AS3 .
2

Seleziona "Azioni" dal menu "Finestra" nel menu principale di Flash bar per aprire l'editor ActionScript 3 . Posizionare il cursore del mouse sulla prima riga dell'editor ActionScript 3 . Fare clic con il pulsante del mouse , e digitare il codice riportato di seguito per importare le utility Flash necessarie per utilizzare i fogli e dei campi di testo delle classi di stile Flash

import flash.display.Sprite; .

Flash importazione. text.StyleSheet ;

import flash.text.TextField ;

import flash.text.TextFieldAutoSize ;
3

Digitare il codice a partire dalla prossima riga dell'editor ActionScript 3 per creare un oggetto StyleSheet denominato "stile" per memorizzare tutti i selettori CSS e un oggetto generale denominato " voce " per memorizzare gli stili per il selettore titolo

stile var . StyleSheet = new StyleSheet ( ) ;

voce var : Object = new Object ();
4

Digitare il codice a partire dalla riga successiva del codice ActionScript 3 editor per impostare i valori delle proprietà di il selettore voce in modo tale che il testo selezionato con il selettore titolo avrà : un peso bold font, il colore di magenta , una dimensione di carattere 16 punti , una distanza lettera del 3 pixel , rientro di 50 pixel , sottolineando , un tipo di carattere di Times Roman e un leader di 20 pixel

heading.fontWeight = "bold" ; .

heading.color = " # FF00FF " ;

heading.fontSize = 16;

heading.letterSpacing = 3;

heading.marginLeft = 50;

heading.textDecoration = " sottolineare " ;

heading.fontFamily = " tempi »;

heading.leading = 20;
5

Digitare il codice a partire dalla prossima riga dell'editor ActionScript 3 per creare un altro oggetto chiamato " corpo " per creare un selettore HTML denominato "corpo" che imposta la proprietà fontStyle del tag in corsivo e la proprietà che porta a 20 pixel

corpo var . Object = new Object ();

body.fontStyle = "italic" ;

body.leading = 20; .
6

Digitare il codice a partire dalla riga successiva del codice ActionScript 3 editor per attaccare l'intestazione e il corpo selettori creati per l' oggetto di stile CSS

style.setStyle ( " voce " , voce ) ;

style.setStyle ( "body" , il corpo ) ;
7

Digitare il codice a partire dalla prossima linea di ActionScript 3 editor per creare : un TextField denominato "etichetta" ; il testo HTML ( con l'intestazione e corpo selettori applicata) che verrà inserito nel TextField , allegare il foglio di stile per la TextField e visualizzare la TextField e il suo foglio di stile testo formattato sul palco Flash .

etichetta var : TextField = new TextField ();

label.height = 200;

label.width = 500;

label.styleSheet = stile ;

label.htmlText = " Ciao è rientrato 50 pixel e ha la \\ n \\ " voce \\ " stili associati con il selettore \\ nIntestazione Style. < /titolo > . \\ linee Nnext sono sperated con 20 pixel di condurre riga successiva \\ nIl giù \\ nIl riga successiva < /body> " ;

addChild ( etichetta) ;
8

Copia e incolla il codice nell'editor di ActionScript 3 a garantire la sintassi del codice è privo di errori e il programma di foglio di stile CSS viene eseguito correttamente

import flash.display.Sprite; .

flash.text.StyleSheet importazione;

Flash import . text.TextField ;

import flash.text.TextFieldAutoSize ;

stile var : StyleSheet StyleSheet = new ();

voce var : Object = new Object ( ) ;

heading.fontWeight = "bold" ;

heading.color = " # FF00FF " ;

heading.fontSize = 16;

heading.letterSpacing = 3;

heading.marginLeft = 50;

heading.textDecoration = " sottolineare " ;

heading.fontFamily = " Times" ;

//heading.textAlign = "center" ;

heading.leading = 20;

corpo var : Object = new Object ();

body.fontStyle = " italic " ;

body.leading = 20;

style.setStyle ( " voce " , voce ) ;

style.setStyle ( "body" , il corpo ) ;
etichetta

var : TextField = new TextField ();

label.height = 200;

label.width = 500;

label.styleSheet = stile ;

label.htmlText = " Ciao è rientrato 50 pixel e ha la \\ n \\ " stili titolo \\ " connessi con il selettore \\ nIntestazione Style. < /titolo > . Linee \\ Nnext sono sperated con 20 pixel di leader riga successiva \\ nIl giù \\ nIl riga successiva < /body> " ;

addChild ( etichetta) ;
9

Fare clic su " prova filmato " nel menu di controllo per riprodurre il programma Cascading Style Sheet . Osservare che il testo è formattato con le proprietà del selettore specificate nell'oggetto StyleSheet .