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. ![cssbody=[boxover] cssheader=[boxoverheader] header=[Abbildung 1] body=[<img src='uploads/pics/up_down.jpg'>] tooltipp](typo3conf/ext/sk_tutimglinks/tt.gif)
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:
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!
![cssbody=[boxover] cssheader=[boxoverheader] header=[Abbildung 3] body=[<img src='uploads/pics/ebene2.jpg'>] tooltipp](typo3conf/ext/sk_tutimglinks/tt.gif)
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.
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.
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)