Fiecare tip de text TLF în Flash - Read Only, Selectable și Editable - acceptă hyperlink-uri. Tot ce este nevoie pentru a adăuga o legătură într-un container de text este să tastați textul, să selectați câteva cuvinte și să introduceți adresa URL dorită în panoul Proprietăți. Opțional, puteți introduce și o țintă.
Următorul este un exercițiu de la Fundația Flash CS5 pentru proiectanți de Tom Green & Tiago Dias.Dacă doriți ca hypertextul containerului întregului text să fie utilizat, utilizați instrumentul Selecție pentru a selecta containerul în sine și apoi utilizați proprietățile Link și Țintă în zona Opțiuni avansate de caractere din panoul Proprietăți în același mod.
Aplicarea unui hyperlink la text
Atât de ușor este această abordare, un dezavantaj este sublinierea liniei de hyperlink adăugată la text. Pur și simplu nu poate fi eliminat. Totuși, hyperlink-urile pot fi absolute, cum ar fi http://www.SuperSite.com/thisPageHere.html, sau relativă, cum ar fi../thisOtherPage.html. Pentru căile relative, este important să știm că calea va fi determinată nu din punctul de vedere al SWF, ci din fișierul HTML care îl conține.
De exemplu, puteți alege să păstrați toate fișierele HTML în rădăcina site-ului dvs. Web. Deoarece sunteți dezvoltator organizat, puteți alege să plasați toate fișierele de imagini în propriul subfolder al rădăcină și puteți face același lucru și cu conținutul dvs. Flash. Din punctul de vedere al SWF, calea relativă către toate fișierele HTML necesită trecerea înapoi a unui dosar. Deci, dacă un SWF se leagă de una din paginile respective, este posibil să fiți tentat să precedați numele fișierului destinației cu ... /, dar nu! Fișierul HTML care conține SWF în cauză este deja în același folder ca și pagina de destinație și este punctul de vedere al fișierului HTML care contează.
După cum ați văzut în exemplul anterior, puteți utiliza o bucată de text într-un container pentru a declanșa un eveniment în stadiul Flash. Este de la sine înțeles că aceeași piesă de text poate fi utilizată pentru a lansa o pagină web. Mai degrabă decât să refaceți tot ceea ce ați făcut anterior, deschideți fereastra inclusă TLF_Hyperlink_AS.fla fișier și să vedem cum se realizează acest lucru.
Derulați în jos până la linia 32 a panoului Script.
Selectați cuvântul NICI UNUL
, și schimbați-l sublinia
. Rezultatul acestei modificări este de a avea într-adevăr textul pe care se poate da clic ca un hyperlink HTML obișnuit care utilizează o subliniere.
Apăsați de două ori tasta Enter (Windows) sau Return (Mac) și introduceți următorul bloc de cod:
var link: LinkElement = nou LinkElement (); link.href = "http://www.friendsofed.com"; var linkSpan: SpanElement = nou SpanElement (); linkSpan.text = "Faceți clic aici"; link.addChild (linkSpan); var span: SpanElement = nou SpanElement (); span.text = "pentru a descărca fișierele pentru această carte."; p.addChild (link); p.addChild (interval); textFlow.addChild (p);
După cum s-a adunat, toate elementele dintr-un container TLF sunt influențate sau gestionate de elemente. Primele două linii stabilesc o variabilă numită legătură
vor fi gestionate de un a LinkElement
și va fi plasat într-un LinkElement ()
obiect. Următoarea linie utilizează funcția comună href
tag din HTML pentru a identifica linkul.
Acum, că ați stabilit unde se face legătura - cu prietenii site-ului ED - creați un interval de timp pentru textul care va fi apăsat, plasați textul în interval și utilizați addChild ()
metoda de a pune linkSpan
pe scena.
Restul codului adaugă textul rămas, asociază linkul cu textul din propoziție (p
), pune sentința pe scenă și o curge în textFlow
recipient.
Salvați fișierul și testați filmul. Textul care conține legătura, după cum se arată mai jos, este albastru, iar sportul este o subliniere destul de spartă. Dați clic pe link și se deschid prietenii paginii ED.
Utilizarea sublinia
constantă adaugă utilizatorii obișnuiți ai codului HTML obișnuit.
Acestea sunt declarațiile de import utilizate pentru acest exercițiu:
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;