String Objekt - Typewriter & Newsticker

Thema:
String Objekt - Typewriter & Newsticker
Description:
Erstellung eines Newstickers & Typewriters durch das String Objekt
Keywords:
Flash, String, Newsticker, Typewriter
Author:
Sebastian Weyrauch
Date:
09.07.2002
Doc-ID:
50-002
URL:
http://www.flashworker.de/tutorial/50/002.html
Version:
1.0
Änderungen:
-
Anforderungen:
Flash 5
Vorkenntnisse:
Flash Grundkenntnisse
Download:

PC: "stringtut.zip" (enthält Beispiele) , 19 kB
Beispiele: "beispiele.zip", 5 kB

Einleitung
  Was bringt dieses Tutorial?

Typewriter
 Vorbereitende Schritte
 Aktionen
  Der komplette Code

Newsticker
 Vorbereitende Schritte
 Aktionen
 Der komplette Code
 Farbe kommt ins Spiel

Übersicht String Objekt








Newsticker

Dann gehen wir die Sache mit dem Newsticker an.

Dazu erstellen wir wiederum ein dynamisches Textfeld - diesmal einzeilig.
Als Variable vergeben wir 'news'. Auch dieses Textfeld stellen wir in einen
MovieClip [F8].

Man lernt aus der Erfahrung. Diesmal definieren wir zuerst den Text, in diesem Beispiel
mit der Variable 'news':

onClipEvent (load) {
news=" +++Dies ist der Newsticker +++ Hier könnten irgendwelche News stehen +++ Der Text kann bequem per ActionScript eingefügt werden +++ Der Newsticker wird durch verschiedene Funktionen des String-Objekts erzeugt +++ Wenn Sie keine farbigen Zeichen haben möchten, genügt eine Aktion"; }

Mehr ist diesmal auch nicht zu definieren.

Wir stellen uns wieder die Frage:
Was wollen wir eigentlich machen?

Wir wollen den ersten Buchstaben extrahieren und hinten dranhängen.

Um das erste Zeichen zu ermitteln, arbeiten wir mit
String.charAt

Konkret:

String.charAt(index); // index gibt die Position des Zeichens an, das ermittelt werden soll
// in unserem Beispiel das erste, also 0. Man kann die Klammer dafür aber auch leer lassen.


Jetzt müssten wir dieses Zeichen extrahieren. Wir machen es aber anders. Wir definieren
news bei jedem Betreten des Frames neu, indem wir zuerst das 1. Zeichen bestimmen, den Rest
mit String.slice ermittlen und das 1. Zeichen hintendran hängen.

// erster=news.charAt();
news=news.slice(erster.length,news.length) + erster;

Mit dieser Aktion wird der restliche Text extrahiert, der 'alte' erste Buchstabe wieder drangehängt
und das ganze als 'news' definiert.


Am Ende sollte folgende Aktionen stehen:

onClipEvent (load) {
news=" +++Dies ist der Newsticker +++ Hier könnten irgendwelche News stehen +++ Der Text kann bequem per ActionScript eingefügt werden +++ Der Newsticker wird durch verschiedene Funktionen des String-Objekts erzeugt +++ Wenn Sie keine farbigen Zeichen haben möchten, genügt eine Aktion"; } onClipEvent (enterFrame) {
erster=news.charAt();
news=news.slice(erster.length,news.length) + erster;
}

Wer noch etwas Farbe in den News haben möchte, kann sich das folgende Script mal anschauen. Die Aktionen müssten sich mittlerweile
von selbst erklären. Zu beachten ist nur, das '<' im Text nicht verwendet wird, weil daran ein kommender font-Tag erkannt wird.

onClipEvent (load) {
news=" <font color='#ffcc00'>+</font><font color='#ffcc00'>+</font><font color='#ffcc00'>+</font>Dies ist der Newsticker <font color='#ffcc00'>+</font><font color='#ffcc00'>+</font><font color='#ffcc00'>+</font> Hier könnten irgendwelche News stehen <font color='#ffcc00'>+</font><font color='#ffcc00'>+</font><font color='#ffcc00'>+</font> Der Text kann bequem per ActionScript eingefügt werden <font color='#ffcc00'>+</font><font color='#ffcc00'>+</font><font color='#ffcc00'>+</font> Der Newsticker wird durch verschiedene Funktionen des String-Objekts erzeugt <font color='#ffcc00'>+</font><font color='#ffcc00'>+</font><font color='#ffcc00'>+</font> Wenn Sie keine farbigen Zeichen haben möchten, genügt eine Aktion "; }
onClipEvent (enterFrame) {
if (news.charAt() !="<") {
erster=news.charAt();
} else {
erster="<font color='#ffcc00'>+</font>";
}
news=news.slice(erster.length,news.length) + erster;
}






Zurück     Weiter