phpbuddy.eu
Aktuelles
Startseite
TP Wettbewerbe
Sitemap
Service
Hilfe-Forum
Kolumnen
Linktipps
Buchrezensionen
Traum-Team
Newsletter
Traumquelle
Dreamweaver
Fireworks
Photoshop
Flash
Traum-Start
gimp
GoLive
php / Apache
Sonstige
Grundlagen
Usability
CSS
Apple / Mac
3D
Intern
TP-Sponsor
TP SHOP
Bild Galerie
TP Wallpapers
Forum-Archiv
Link zu uns
Impressum
Zurück  
TP Portal > Flash > Flashiger Textscroller !

Flashiger Textscroller !

Lange Texte in Flash sind ohne interaktive Scrollbalken gar nicht möglich. Aus diesem Grund wollen wir uns mal genauer damit befassen.

Öffne die Datei die wir im letzten Tutorial erstellt haben. Und erstelle über der Textebene eine weitere Ebene. Dort zeichnest du ein Quadrat ein, welches du um 45° drehst. Lösche den Rahmen von dem Quadrat und zeichne mittig durch einen Strich. Dadurch hast du das Quadrat in zwei Dreiecke geteilt. Die sehen doch schon fast aus wie Navigationsscroller.

Mache aus jedem eine eigene Schaltfläche ( Drücke dazu entweder F8, wenn du das Dreieck markiert hast oder auf Einfügen->In Symbol konvertieren). Das weitere designen der Buttons kannst du später alleine weitermachen. tooltipp

Klicke jetzt mit der rechten Mousetaste auf eine der Schaltflächen und wähle "Aktionen". Als erstes mußt du onMouse Event auswählen. Schalte dann in den Expertenmodus um (STRG + E). Im letzten Tutorial hatten wir dem Textfeld ja den Variablennamen "news" gegeben und diesen wollen wir scrollen. Somit ergibt sich folgendes Ereignis: Die neue Darstellung von "news.scroll" soll die alte Einstellung von "news.scroll" sein "+1". Im ActionScript wird das so geschrieben:

actionscript
on (release) {
     tutorial.scroll = tutorial.scroll +1;
}

Je nachdem ob der Button nach oben oder unten scrollen soll, muss die Variable vermindert oder erhöht werden. Eigentlich solltest du jetzt schon scrollen können. Achtung: Geht nur nach dem Exportieren des Filmes! tooltipp tooltipp

Leider muß man jetzt für jede neue Zeile einmal klicken. Um an den von anderen Programmen gewohnten Komfort zu kommen, mußt du das ganze leicht ändern.

Ziel ist es, solange man auf einen Button drückt, soll der Text "durchfließen". Dieser Effekt lässt sich jedoch nur in einem MovieClip lösen. Dazu klickst du auf einen von den oben erstellten Button und wandelst ihm abermals in ein Symbol um. Nur diesmal in eine Filmsequenz.

T I P

Ich benenne alle meine Filmsequenzen mit MC_name.

Die Schaltflächen mit BT und Grafiken mit IMG.

Dadurch erhalte ich in der Bibliothek eine Übersicht.

Also nenne den neuen MC "mc_up". Klicke doppelt auf den MovieClip um ihn zu "betreten". Füge über die bestehende Ebene eine neue ein, in der das Script stehen wird. Erstelle in dieser zu dem bestehenden Schlüsselbild zwei weitere und fügt folgende Bildaktionen diesen Bildern hinzu.

actionscript
//frame 1
stop();
//frame 2
_root.news.scroll = _root.news.scroll - 1;
//frame 3
goToAndPlay (2)

Was passiert? Frame1 stoppt der Fortschritt und es wird ein Standbild angezeigt. In Frame2 scrollt der Text eine Zeile weiter und es wird zu Frame3 gesprungen. Im 3ten Frame springt der Film zurück zum 2ten und hängt sich somit in der Scrollschleife auf.

In der Ebene des Button fügst du in der Zeitleiste das Bild des Button bis ins dritte Schlüsselbild ein. Er soll ja immer sichtbar sein. Um die Frames jetzt zu "steuern" mußt du das ActionScript des Button ändern. Öffne also das Aktionsfenster des Buttons.

Versuch mal das ActionScript selbst zu schreiben. Es ist ja nicht schwer. Wenn man auf den Button drückt ( on(press)) soll zu Frame 2 gegangen werden und dieser abgespielt werden. Wenn man die Maustaste losläßt ( on(release)) soll zurück zu Frame 1 gesprungen werden und der MC angehalten werden. Einfach, oder???

Der zweite MovieClip zum herunter scrollen sollte jetzt ein Kinderspiel sein. Das Script unterscheidet sich nur in dem Punkt, dass _root.news.scroll addiert werden muß.

Download aller Dateien.

 

Autor:(tb)

Abbildungen

Abbildung 1

Abbildung 1

Abbildung 2

Abbildung 2

Abbildung 3

Abbildung 3

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping
TP-Partner
Sprachreise London
Webmasterpro
Computerhilfen
Computerhilfen
Eventagentur Hamburg
it-rechtsinfo.de
Designguide
Getreidemühlen
sk-typo3
Kochkurs Berlin
Maandiko.de
d. Webdesigner
PSD Tutorials
Medizin
Handy Forum

Hier könnte Ihre Werbung stehen

 >> INFO << 

\ Startseite | Forum | Impressum | nach oben | Seite zurück /