Tutorial für die Side-Scroller in Flash

Eine Seite-Scroller, besser bekannt als "vertikale Scrollbar", erlaubt dem Betrachter eines Dokuments Scrollen nach oben und unten auf einer Seite---mehr von den Inhalt der Seite sehen. Einige Webseiten und Flash-Film-Designer erstellen auch bildlauffähigen Inhalt innerhalb eines Dokuments, z. B. einen bildlauffähigen Textfeld, das Scrollbars erfordert. In Flash können Sie um scrollende Textfelder erstellen Flashs eingebaute UIScrollBar-Komponente.

Anweisungen

Erstellen von bildlauffähigen Textfeld in Flash

1 Öffnen Sie eine vorhandene Flash-Film (FLA)-Datei, in der Sie ein Scroll-Textfeld erstellen möchten, oder starten Sie einen neuen Flash-Film: Klicken Sie auf das Menü "Datei" und wählen Sie "Neu," Öffnen Sie das Dialogfeld "neues Dokument". Wählen Sie "ActionScript 3.0", und klicken Sie auf "OK".

2 Gehen Sie den Frame und die Ebene im Zeitleistenfenster bildlauffähigen Textfeld gesetzt werden soll, mit der rechten Maustaste des Bild und wählen Sie "Schlüsselbild einfügen."

3 Stellen Sie sicher, dass Sie den Rahmen mit dem neuen Keyframe haben, wählen Sie das Textwerkzeug aus dem Bedienfeld "Werkzeuge" und ziehen Sie ein Textfeld auf der Bühne. Stellen Sie dem Feld die ungefähre Größe, die Sie wollen. Können Sie die Felder "W" und "H" (Breite und Höhe) im Abschnitt über das Bedienfeld "Eigenschaften" Position und Größe der Box die genaue Größe des gewünschten vorzunehmen. Abhängig von Ihrer Version von Flash befindet sich die Eigenschaften-Leiste auf der rechten oder unteren Rand des Anwendungsfensters.

4 Gehen Sie zum Abschnitt "Paragraph" im Eigenschaftenpanel, klicken Sie auf die Dropdownliste "Verhalten" und wählen Sie dann "Multiline." Dies sagt Flash umgeben Sie den Text in das Textfeld ein, sondern vielmehr als eine durchgehende Linie zu behandeln.

5 Klicken Sie im Menü "Fenster", und wählen Sie "Components" Öffnen Sie das Bedienfeld "Komponenten".

6 Doppelklicken Sie auf den Ordner "User Interface" im Bedienfeld "Komponenten", öffnen Sie den Ordner, und dann ziehen die UIScrollBar-Komponente auf die Bühne und legen Sie sie in das Textfeld nur innerhalb des rechten Randes. Das Feld die Scrollbar ordnet und Größen erneut darauf, um die Box. Die Komponente sollte sich auch auf der rechten äußeren Rand des Feldes ausrichten. Falls nicht, können Sie es am rechten äußeren Rand ziehen, oder will man die Scrollbar auf der linken Seite, Sie können es dort ziehen. Die Komponente sollte snap in den Rand des Feldes.

7 Füllen Sie das Feld mit Text. Sie können geben Sie den Text oder kopieren und fügen Sie ihn aus einem Text oder Textverarbeitungsprogramm Dokument. Eingabe von Text in das Feld klicken Sie Text drin, und mit der Eingabe beginnen. Kopieren und fügen den Text: Markieren Sie den Text in der Textanwendung, und drücken Sie "STRG + C" ("Befehlstaste + C" auf einem Mac) kopieren, und klicken Sie dann im Flash, das Text-Werkzeug in das Textfeld ein, und drücken Sie "STRG + A" ("Befehl + A" auf einem Mac) den Text im Feld einfügen.

8 Testen Sie den Film klicken Sie Menü "Steuerung" und wählen "Test-Szene." Das Textfeld sollte mit einer Scrollbar angezeigt und das Feld sollte bildlauffähigen.

Tipps & Warnungen

• Sie können erstellen eine scrollbare Box, Bilder mit Blitz der ScrollPane-Komponente enthalten. Dazu, importieren Sie Ihre Bilder in die Bibliothek, und ziehen Sie sie auf die Bühne, sie vertikal ausrichten. Wählen Sie alle Bilder, und konvertieren Sie sie in ein Movieclip-Symbol. Ziehen Sie der ScrollPane-Komponente auf die Bühne, und im Komponenten-Inspektor ("Komponentenparameter" in Flash CS5 und CS5.5), geben Sie den Namen des Movieclip-Symbols, der die Bilder im Feld "Quelle".
• Sie können die Farbe der Scrollbar Teile--die Schaltfläche, die Bar ändern sich, und So weiter---durch Doppelklicken auf das Teil, das Sie ändern möchten. Diese Orte Flash im Bearbeitungsmodus für das ausgewählte Teil. Sie können es jetzt bearbeiten, wie jedes andere Objekt in Flash.
• Wenn Sie genug Text in das Textfeld fließen über die Unterseite der Box eingeben, werden im Texteingabefeld nicht bildlauffähigen.