Flash CS5 für Designer TLF und Hyperlinks + Beispielkapitel!

Jede Art von TLF-Text in Flash - schreibgeschützt, auswählbar und bearbeitbar - unterstützt Hyperlinks. Um einen Link in einen Textcontainer einzufügen, müssen Sie nur Ihren Text eingeben, einige Wörter auswählen und die gewünschte URL in das Eigenschaftenfenster eingeben. Optional können Sie auch ein Ziel eingeben.

Das Folgende ist eine Übung von Foundation Flash CS5 für Designer von Tom Green & Tiago Dias.
 
Wir gratulieren unseren drei Gewinnern, die alle eine signierte Ausgabe gewonnen haben! Und wenn Sie diesmal nicht so viel Glück hatten, helfen Sie sich mit einem Beispielkapitel von FriendsOfEd. Genießen!

Wenn Sie möchten, dass der gesamte Textcontainer mit einem Hyperlink versehen wird, wählen Sie den Container selbst mit dem Auswahlwerkzeug aus und verwenden Sie dann die Eigenschaften Link und Ziel im Bereich "Erweiterte Zeichen" des Bedienfelds "Eigenschaften".

Anwenden eines Hyperlinks auf Text

So einfach dieser Ansatz ist: Ein Nachteil ist der Hyperlink, der dem Text hinzugefügt wird. Es kann einfach nicht entfernt werden. Hyperlinks können jedoch auch absolut sein, wie z http://www.SuperSite.com/thisPageHere.html, oder relativ, wie z../thisOtherPage.html. Bei relativen Pfaden ist es wichtig zu wissen, dass der Pfad nicht aus der Sicht der SWF-Datei bestimmt wird, sondern aus der HTML-Datei, in der sie enthalten ist.

Sie können beispielsweise festlegen, dass alle HTML-Dateien im Stammverzeichnis Ihrer Website verbleiben. Da Sie ein organisierter Entwickler sind, können Sie alle Ihre Bilddateien in einem eigenen Unterordner des Stammverzeichnisses ablegen und mit Ihrem Flash-Inhalt dasselbe tun. Aus der Sicht einer SWF muss der relative Pfad zu allen HTML-Dateien um einen Ordner zurückgestellt werden. Wenn also eine SWF-Datei auf eine dieser Seiten verweist, könnten Sie versucht sein, den Dateinamen des Ziels mit… / zu beginnen, aber nicht! Die HTML-Datei, die die betreffende SWF-Datei enthält, befindet sich bereits im selben Ordner wie die Zielseite, und es ist die Sichtweise der enthaltenen HTML-Datei.


Hinzufügen von Hyperlinks zu TLF-Text mithilfe von ActionScript

Wie Sie im vorherigen Beispiel gesehen haben, können Sie einen Text in einem Container verwenden, um ein Ereignis auf der Flash-Bühne auszulösen. Es versteht sich von selbst, dass derselbe Text zum Starten einer Webseite verwendet werden kann. Anstatt alles vorher zu waschen, öffnen Sie das beiliegende TLF_Hyperlink_AS.fla Datei und mal sehen, wie das geht.


Schritt 1: Wählen Sie

Scrollen Sie bis zur Zeile 32 des Skriptfensters.

Wählen Sie das Wort aus KEINER, und ändern Sie es in UNTERSTREICHEN. Das Ergebnis dieser Änderung ist, dass der anklickbare Text tatsächlich wie ein allgemeiner HTML-Hyperlink aussieht, der eine Unterstreichung verwendet.


Schritt 2: LinkElement ()

Drücken Sie die Eingabetaste (Windows) oder die Eingabetaste (Mac) zweimal, und geben Sie den folgenden Codeblock ein:

 var link: LinkElement = neues LinkElement (); link.href = "http://www.friendsofed.com"; var linkSpan: SpanElement = neues SpanElement (); linkSpan.text = "Hier klicken"; link.addChild (linkSpan); var span: SpanElement = neues SpanElement (); span.text = "um die Dateien für dieses Buch herunterzuladen."; p.addChild (link); p.addChild (span); textFlow.addChild (p);

Wie Sie möglicherweise zusammengetragen haben, werden alle Elemente in einem TLF-Container durch Elemente beeinflusst oder verwaltet. Die ersten beiden Zeilen legen fest, dass eine Variable aufgerufen wurde Verknüpfung wird von einem verwaltet LinkElement und wird in eine platziert LinkElement () Objekt. Die nächste Zeile verwendet das Common href Tag aus HTML, um den Link zu identifizieren.

Nachdem Sie nun festgelegt haben, wohin der Link führt - an die Freunde der ED-Website -, erstellen Sie einen Bereich für den Text, auf den geklickt werden soll, fügen den Text in den Bereich ein und verwenden die addChild () Methode, um die linkSpan auf der Bühne.

Der Rest des Codes fügt den restlichen Text hinzu und ordnet den Link dem Text im Satz zu (p), stellt den Satz auf die Bühne und fliesst ihn in die textFlow Container.


Schritt 3: Test

Speichern Sie die Datei und testen Sie den Film. Der Text, der den Link enthält, ist, wie unten gezeigt, blau und mit einer ziemlich spitzigen Unterstreichung versehen. Klicken Sie auf den Link und die Freunde von ED-Homepage werden geöffnet.

Verwendung der UNTERSTREICHEN Konstante fügt die übliche HTML-Unterstreichung hinzu, an die Benutzer gewöhnt sind.

Importieren Sie die für diese Übung verwendeten Anweisungen

Dies sind die Importanweisungen, die für diese Übung verwendet werden:

 import flash.display.Sprite; import flashx.textLayout.container.ContainerController; import flashx.textLayout.elements.Configuration; import flashx.textLayout.formats.TextLayoutFormat; import flashx.textLayout.formats.TextAlign; import flashx.textLayout.elements.TextFlow; import flashx.textLayout.elements.ParagraphElement; import flashx.textLayout.edit.EditManager; import flashx.undo.UndoManager; import flashx.textLayout.formats.TextDecoration; import flashx.textLayout.elements.LinkElement; import flashx.textLayout.elements.SpanElement;