Flash CS5 pour les concepteurs TLF et hyperliens + exemple de chapitre!

Chaque type de texte TLF dans Flash - Lecture seule, Sélectionnable et Modifiable - prend en charge les liens hypertexte. Pour ajouter un lien dans un conteneur de texte, il vous suffit de saisir votre texte, de sélectionner quelques mots et de saisir l'URL souhaitée dans le panneau Propriétés. Facultativement, vous pouvez également entrer une cible.

Ce qui suit est un exercice de Foundation Flash CS5 For Designers de Tom Green et Tiago Dias.
 
Félicitations à nos trois gagnants qui ont tous gagné un exemplaire signé! Et si vous n'êtes pas aussi chanceux cette fois-ci, utilisez un exemple de chapitre fourni par FriendsOfEd. Prendre plaisir!

Si vous souhaitez que le conteneur de texte entier soit lié par un lien hypertexte, utilisez l'outil Sélection pour sélectionner le conteneur lui-même, puis utilisez les propriétés Lien et Cible dans les options Caractères avancés du panneau Propriétés de la même manière..

Appliquer un hyperlien au texte

Aussi simple que soit cette approche, l'inconvénient est le soulignement du lien hypertexte ajouté au texte. Il ne peut tout simplement pas être enlevé. Néanmoins, les hyperliens peuvent être absolus, tels que http://www.SuperSite.com/thisPageHere.html, ou parent, comme../thisOtherPage.html. Pour les chemins relatifs, il est important de savoir que le chemin sera déterminé non pas du point de vue du fichier SWF, mais à partir du fichier HTML qui le contient..

Par exemple, vous pouvez choisir de conserver tous vos fichiers HTML à la racine de votre site Web. Étant donné que vous êtes un développeur organisé, vous pouvez choisir de placer tous vos fichiers image dans leur propre sous-dossier de la racine et de procéder de la même façon avec votre contenu Flash. Du point de vue d'un fichier SWF, le chemin relatif de tous les fichiers HTML nécessite la rétrogradation d'un dossier. Ainsi, si un fichier SWF renvoie à l'une de ces pages, vous pourriez être tenté de faire précéder le nom du fichier de destination avec… /, mais ne le faites pas! Le fichier HTML contenant le fichier SWF en question se trouve déjà dans le même dossier que la page de destination, et c'est le point de vue du fichier HTML contenant qui compte.


Utilisation d'ActionScript pour ajouter des liens hypertexte au texte TLF

Comme vous l'avez vu dans l'exemple précédent, vous pouvez utiliser un morceau de texte dans un conteneur pour déclencher un événement sur la scène Flash. Il va sans dire que le même morceau de texte peut être utilisé pour lancer une page Web. Plutôt que de refaire tout ce que vous avez fait précédemment, ouvrez le TLF_Hyperlink_AS.fla déposer et voyons comment cela est accompli.


Étape 1: Sélectionnez

Faites défiler jusqu'à la ligne 32 du volet de script.

Sélectionnez le mot AUCUN, et le changer en SOULIGNER. Le résultat de cette modification est de faire en sorte que le texte cliquable ressemble à un lien hypertexte HTML commun utilisant un soulignement..


Étape 2: LinkElement ()

Appuyez deux fois sur la touche Entrée (Windows) ou Retour (Mac) et entrez le bloc de code suivant:

 lien var: LinkElement = new LinkElement (); link.href = "http://www.friendsofed.com"; var linkSpan: SpanElement = new SpanElement (); linkSpan.text = "Cliquez ici"; link.addChild (linkSpan); var span: SpanElement = new SpanElement (); span.text = "pour télécharger les fichiers de ce livre."; p.addChild (lien); p.addChild (span); textFlow.addChild (p);

Comme vous l'avez peut-être compris, tous les éléments d'un conteneur TLF sont influencés ou gérés par des éléments. Les deux premières lignes établissent qu’une variable appelée lien sera géré par un LinkElement et sera placé dans un LinkElement () objet. La ligne suivante utilise le commun href balise HTML pour identifier le lien.

Maintenant que vous avez déterminé où va le lien - vers le site Web des amis d’ED - vous créez une étendue pour le texte sur lequel vous cliquez, insérez le texte dans l’extension et utilisez la commande addChild () méthode pour mettre le linkSpan sur la scène.

Le reste du code ajoute le texte restant, associe le lien au texte de la phrase (p), met la phrase en scène et la transfère dans la textFlow récipient.


Étape 3: test

Enregistrez le fichier et testez le film. Le texte contenant le lien, comme indiqué ci-dessous, est en bleu et arbore un soulignement plutôt sobre. Cliquez sur le lien et la page d'accueil des amis d'ED s'ouvre..

En utilisant le SOULIGNER constante ajoute le soulignement HTML commun, les utilisateurs sont habitués à.

Instructions d'importation utilisées pour cet exercice

Voici les instructions d'importation utilisées pour cet exercice:

 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;