Styling Flash-Textfelder Mit CSS - Cascading Style Sheets
Durch Blue_Chi | Flash 8 | Actionscript | Mittlere
Cascading Style Sheets (CSS) ist die Standard-Technologie verwendet, um die Darstellung von Web-Seiten zu formatieren. Es könnte auch zu Stil HTML-formatierten Text in Flash verwendet werden, so dass Sie die Formatierung dynamisch durch Bearbeiten der CSS-Datei FLA ohne gehe zurück an die Quelle aktualisieren könnten. CSS gibt uns auch eine größere Kontrolle über die Art und Weise unseres Text formatiert ist und erlaubt es uns, unser Styling in einer Weise zu gestalten, die nicht möglich ist, unter Verwendung von HTML auf eigenem (z. B. die Farbe von Textlinks zu ändern). Der Text in dem folgenden Flash-Film angezeigt wird von einer externen Textdatei geladen und die Formatierung wird durch eine externe CSS-Datei konfiguriert. Dieses Tutorial soll Ihnen beibringen, wie diese Art von Film zu erstellen.
Wir werden unser Tutorial, indem Sie die Textdatei, die Schaffung der CSS-Datei starten und dann einen Flash-Film erstellen, die Verwendung der beiden von ihnen macht.
Erstellen der Textdatei
Wir werden durch die Erstellung der Textdatei starten, die unsere HTML-Inhalte enthält. Sie können lernen, wie externen Text in Flash zu laden, indem Sie unsere vorherige Anleitung zu diesem Thema sehen. Für dieses Tutorial, alles, was Sie tun müssen, ist eine Textdatei erstellen folgenden Inhalts in ihm benannt MyText.txt und einfügen.
Sie sollten beachten, dass Flash nicht alle HTML-Tags unterstützen. Es ist nur in der Lage die Anzeige einfach Tags wie
Erstellen der CSS-Datei
Wir werden nun die CSS-Datei erstellen, die unseren Stil Informationen enthalten werden, verwenden Sie Notepad um eine Datei mit dem Namen myStyle.css zu erstellen. CSS ist in der Lage, die Art und Weise eines HTML-Tag verhält sich ändern, so dass der erste Abschnitt des Codes wir die Möglichkeit, die addieren verändern wird
Tag angezeigt wird, werden wir die Schriftart setzen, um die Größe und die Farbe.
Zusätzlich zu der Möglichkeit, die Art und Weise aller Instanzen eines bestimmten Tages zu ändern angezeigt werden, können wir bestimmte Klassen erstellen, die wir in dem Code nur in bestimmten Fällen implementieren könnten. Ein Klassenname wird mit einem Punkt gestartet. Wir werden einen bestimmten Stil Klasse für die Kopf- und Fußzeile Absätze erstellen. Im Folgenden geht unter dem, was wir bereits geschrieben haben.
Das letzte, was zu Stil ist die Ankerverbindungen, werden wir das Verhalten des Tags direkt ohne die Verwendung einer Klasse neu zu definieren, obwohl dies möglich ist.
Einrichten der Bühne
Sowohl unsere Text und CSS-Dateien sind nun bereit, es Zeit ist, mit Flash zu spielen. Beginnen, indem sie einen neuen Flash-Film zu schaffen, setzen die Abmessungen zu 400x400 Pixeln, verwenden weißen Hintergrund, und stellen Sie die Geschwindigkeit der Wiedergabe zu 12 Bildern pro Sekunde. Mit dem Textwerkzeug. schafft ein großes Textfeld, das die Bühne füllt. Besuchen Sie das Eigenschafteninspektor und setzen Sie den Texttyp zu Dynamisch. Stellen Sie den Leitungstyp auf mehrzeilige und überprüfen die als HTML-Option Render. Schließlich weisen Sie die Instanz namemyText_txt das Textfeld.
Fügen Sie das Actionscript
Rechtsklick auf den einzigen Frame auf der Timeline und wählen Sie Aktionen das Bedienfeld Aktionen zu öffnen. unser Code wird in zwei Teile geteilt wird, wird die erste eine Funktion sein, die den Code enthält den Text und den zweiten Teil zu laden, wird die CSS-Datei und wenden Sie den Stil auf das Textfeld, das wir auf der Bühne haben laden. Wir werden nicht über den ersten Teil verweilen, wie das Laden von externem Text wird im Tutorial bereits erwähnt abgedeckt. Sie können durch das Lesen unserer Einführung in die Funktionen Tutorial über Funktionen lernen.
Funktion Textloader () myData = new LoadVars ();
myData.onLoad = function () myText_txt.html = true;
myText_txt.htmlText = this.myVariable;
>;
myData.load ( "MyText.txt");
>
Der zweite Teil wird die CSS-Datei laden und den Stil in das Textfeld anzuwenden.
var myCSS = new TextField.StyleSheet ();
myCSS.load ( "myStyle.css");
myCSS.onLoad = function () <
myText_txt.styleSheet = myCSS;
Textloader ();
>;
Die TextField.StyleSheet () ist eine Actionscript-Klasse, die gesteuert werden in geordneter in ein Objekt instanziiert werden muss, um und bezeichnet, ist myCSS der Name, den wir für unsere Instanz der Text.Field.StyleSheet Klasse gewählt haben. Die zweite Zeile des Codes einfach lädt die CSS-Datei, werden Sie die vollständige URL zu Ihrer CSS-Datei hier zur Verfügung stellen müssen. Der letzte Teil des Codes verwendet die .onLoad Eigenschaft Ereignishandler, den Film zu befehlen, eine Aktion auszuführen, wenn die CSS-Datei geladen wird. Die Aktion, die wir gewählt haben, ist das Stylesheet in unser Textfeld zu übernehmen und dann die Textloader-Funktion aufrufe, die wir im vorherigen Schritt definiert haben.
Hinweis: Sie haben die Art zu Ihrem Textfeld anzuwenden, bevor Sie Text, um ihn Laden für sie zu arbeiten.
Das ist es, können Sie Ihren Film testen Sie Ihren Stil Text zu sehen!
Dies schließt unser Tutorial, bitte im Oman3D Forum posten fühlt sich frei, wenn Sie Fragen haben, können Sie unsere Tutorial Sammlung unter diesem Link ansehen.
- Ende der Übung