Flash CS5 per progettisti TLF e collegamenti ipertestuali + capitolo di esempio!

Ogni tipo di testo TLF in Flash - Sola lettura, selezionabile e modificabile - supporta collegamenti ipertestuali. Tutto ciò che serve per aggiungere un collegamento in un contenitore di testo è digitare il testo, selezionare alcune parole e inserire l'URL desiderato nel pannello Proprietà. Facoltativamente, puoi inserire anche un bersaglio.

Quello che segue è un esercizio della Fondazione Flash CS5 per i designer di Tom Green e Tiago Dias.
 
Congratulazioni ai nostri tre vincitori che hanno vinto una copia firmata! E se questa volta non sei stato così fortunato, dai un aiuto ad un capitolo di esempio di FriendsOfEd. Godere!

Se si desidera che l'intero contenitore di testo sia hyperlinked, utilizzare lo strumento Selezione per selezionare il contenitore stesso, quindi utilizzare le proprietà Link e Target nell'area Opzioni carattere avanzato del pannello Proprietà allo stesso modo.

Applicazione di un collegamento ipertestuale al testo

Facile come questo approccio, uno svantaggio è la sottolineatura di collegamento ipertestuale aggiunto al testo. Semplicemente non può essere rimosso. Tuttavia, i collegamenti ipertestuali potrebbero essere assoluti, come ad esempio http://www.SuperSite.com/thisPageHere.html, o relativo, come../thisOtherPage.html. Per i percorsi relativi, è importante sapere che il percorso sarà determinato non dal punto di vista del file SWF, ma dal file HTML che lo contiene.

Ad esempio, puoi scegliere di conservare tutti i tuoi file HTML nella radice del tuo sito web. Dato che sei uno sviluppatore organizzato, puoi scegliere di mettere tutti i tuoi file immagine nella loro sottocartella della radice e puoi fare lo stesso con il tuo contenuto Flash. Dal punto di vista di un SWF, il percorso relativo a tutti i file HTML richiede di tornare indietro di una cartella. Quindi, se un SWF si collega a una di quelle pagine, potresti essere tentato di precedere il nome file della destinazione con ... /, ma non farlo! Il file HTML che contiene il file SWF in questione si trova già nella stessa cartella della pagina di destinazione ed è il punto di vista del file HTML contenente che conta.


Uso di ActionScript per aggiungere collegamenti ipertestuali al testo TLF

Come hai visto nell'esempio precedente, puoi utilizzare una porzione di testo in un contenitore per attivare un evento sullo stage di Flash. Inutile dire che la stessa parte di testo può essere utilizzata per avviare una pagina web. Piuttosto che ripetere tutto prima, apri l'allegato TLF_Hyperlink_AS.fla file e vediamo come questo è realizzato.


Passaggio 1: selezionare

Scorri fino alla riga 32 del riquadro Script.

Seleziona la parola NESSUNA, e cambiarlo in SOTTOLINEARE. Il risultato di questo cambiamento è di avere il testo cliccabile come un collegamento ipertestuale HTML comune che utilizza una sottolineatura.


Passaggio 2: LinkElement ()

Premi due volte il tasto Invio (Windows) o A capo (Mac) e inserisci il seguente blocco di codice:

 var link: LinkElement = new LinkElement (); link.href = "http://www.friendsofed.com"; var linkSpan: SpanElement = new SpanElement (); linkSpan.text = "Clicca qui"; link.addChild (linkSpan); var span: SpanElement = new SpanElement (); span.text = "per scaricare i file per questo libro."; p.addChild (link); p.addChild (ampiezza); textFlow.addChild (p);

Come potresti aver raccolto, tutti gli elementi in un contenitore TLF sono influenzati o gestiti da elementi. Le prime due righe stabiliscono che una variabile ha chiamato collegamento sarà gestito da un LinkElement e sarà inserito in a LinkElement () oggetto. La riga successiva usa il comune href tag da HTML per identificare il link.

Ora che hai stabilito dove sta andando il collegamento - agli amici del sito Web di ED - crei uno span per il testo che verrà cliccato, inserisci il testo nell'intervallo, e usa il addChild () metodo per mettere il Linkspan sul palco.

Il resto del codice aggiunge il testo rimanente, associa il collegamento al testo nella frase (p), mette la frase sul palco e la riversa nel textFlow contenitore.


Passaggio 3: test

Salva il file e prova il film. Il testo che contiene il collegamento, come mostrato di seguito, è blu e presenta una sottolineatura piuttosto spudorata. Fare clic sul collegamento e si aprono gli amici della home page di ED.

Usando il SOTTOLINEARE costante aggiunge la comune sottolineatura HTML che gli utenti sono abituati a.

Importa istruzioni utilizzate per questo esercizio

Queste sono le istruzioni di importazione utilizzate per questo esercizio:

 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;