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.
.
\\ linee Nnext sono sperated con 20 pixel di condurre riga successiva \\ nIl giù \\ nIl riga successiva
“;
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.
. Linee
\\ Nnext sono sperated con 20 pixel di leader riga successiva \\ nIl giù \\ nIl riga successiva
“;
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 .