|
 |
La technique
d'insertion d'une zone de texte sur la scène est très
simple et peut se faire de 2 façons. |
 |
Texte
statique |
 |
Texte
dynamique |
La mise en forme est très simple, nous ne nous attarderons donc pas sur les mises en formes liées aux polices, tailles, styles, etc…
Présentons plutôt certaines particularités en commençant par la position d'une zone de texte sur la scène.
Position du texte sur la scène : Le coin supérieur gauche du rectangle qui entoure un texte représente le point 0,0 (x,y). Si vous souhaitez donc placer un texte à 90 pixels du bord gauche de la scène et à 74 pixels du haut de la scène (Img. 1.1), réglez la configuration de la palette des propriétés comme dans la copie d'écran ci-dessous (Img. 1.2).
Img 1.1Reconnaître un texte
Cette copie d'écran d'un coin de la scène vous montre comment se calculent les coordonnées x et y d'une zone de texte. Par ailleurs, un texte dynamique ou de saisie qui n'est pas sélectionné s'affiche dans un cadre en pointillés noirs (Aucun cadre n'apparait autour d'un texte statique lorsqu'il n'est pas sélectionné). Un cadre bleu indique qu'un texte est sélectionné
Img 1.2Les réglages x et y d'une occurrence de type texte se font par rapport au coin supérieur gauche de la scène et de l'occurrence elle-même.
Attention : N'utilisez pas les valeurs L (pour largeur) et H (pour hauteur) car elles anamorphosent vos textes.
Vous pouvez le faire uniquement si vous souhaitez réellement transformer vos textes.
Texte sélectionnable : Vous avez la possibilité de
rendre un texte "sélectionnable" avec le curseur de la
souris 
.
Cela premet à l'utilisateur de copier coller ce qui se trouve dans
une zone de saisie ou un texte dynamique.
Flash - Html : Pour conserver l'interprétation
de certaines balises HTML dans les zones de texte dynamique et de saisie,
vous devez cliquer sur le bouton 
.
Seuls les balises et attributs HTML suivants sont supportées :
<A>, <B>, <FONT COLOR>, <FONT FACE>, <FONT
SIZE>, <I>, <P> et <U> - ALIGN, LEFTMARGIN, RIGHTMARGIN,
INDENT et LEADING.
Cadre et fond aux textes dynamiques/de saisie :
Cliquez simplement sur ce bouton 
.
Cette option est très importante lorsqu'il s'agit d'un texte de
saisie qui n'est pas matérialisé dans l'interface. Dans
certains cas, si vous n'affichez pas le cadre et le fond, l'utilisateur
est géné car il ne voit pas où se trouve la zone
de saisie. Pour changer la couleur du fond et le style/épaisseur
du cadre, faites votre propre rectangle avec l'outil rectangle sans oublier
de masquer le fond et le cadre que vous venez d'afficher avec le bouton
ci-dessus.
Formats de paragraphe : Pour une mise en forme du texte plus affinée, vous pouvez également cliquer (après avoir sélectionné votre texte) sur les boutons Format... et Caractère... qui se trouvent dans la palette des Propriétés.
Format de paragraphe
Précisons tout de même quelques petits points...
- L 'indentation correspond au décalage de la première ligne d'un paragraphe.
- Les marges n'ont d'interêt qu'à partir du moment où vous demandez l'affichage d'une bordure et d'un fond.
Dans l'exemple ci-contre, le retrait de la première ligne de paragraphe présente une indentation de 20 pixels. (Dans notre exemple, la couleur du fond de la scène a simplement été réglé en gris afin que vous visualisiez le contour plus facilement).
Dans cet autre exemple, une marge de gauche de 10 pixels a été affecté au texte. Un fond blanc et un contour a été appliqué au texte dynamique (3e icône de cette série de boutons
).
Vous disposez d'un grand nombre de réglages qui vont de l'attribution d'une adresse mail à un texte (un ou plusieurs mots) au sens d'affichage (lecture) du texte.
Sens du texte : La copie d'écran ci-dessous vous affiche les différentes possibilités d'affichage d'un texte verticalement. Elles ont toutes plus ou moins de sens mais elles ont le mérite d'exister. Une écriture Made in Japan, ne l'oublions pas !!!
La copie d'écran ci-contre vous présente les différentes possibilités d'affichage d'un texte. Lorsque vous avez sélectionné votre texte, choisissez l'une des 3 possibilités via le bouton ci-dessous. Il est probable que vous ayez à redimensionner votre zone de texte après votre choix.
Interlettrage ou approche de groupe : Si vous souhaitez augmenter l'espace placé entre les caractères, vous pouvez alors utiliser le bouton ci-dessous. Dans notre exemple, l'interlettrage est de de 12.
URL : Pour affecter une adresse web à un texte (un mot, un caractère, un paragraphe), utilisez la zone de saisie ci-dessous.
N.B. : Il est important de préciser que vous pouvez placer dans cette zone, n'importe quelle adresse !!! Oui, vous l'avez compris, cela sous entend que vous pouvez faire référence à une adresse mail, un script javascript, des paramètres à passer dans une url (ex. mailto:yazo@yazo.net en lieu et place de http://www.yazo.net de l'exemple ci-dessus).
Dans un texte dynamique ou de saisie, il est impossible d'appliquer un interlettrage, d'attribuer une adresse mail ou bien même de changer le sens du texte. En revanche, d'autres réglages sont possibles.
Types de zones de texte : Lorsque vous définissez une zone de texte qui sera remplie dynamiquement (par les ActionScripts) ou par l'utilisateur (saisie), vous pouvez définir la largeur mais vous ne savez pas combien de lignes contiendra le texte. Vous devez sélectionner la commande Multiligne ou Multiligne sans retour afin que votre texte s'affiche complètement. Dans le cas contraire, seul la première ligne sera visible.
Pour des zones de texte de saisie, vous pouvez aussi choisir l'option "Mot de passe" qui aura pour effet de masquer la saisie de l'utilisateur de cette zone.
Pour les textes de saisie, vous pouvez préciser le nombre de caractères maximum que l'utilisateur pourra saisir.
Nom de variables et d'instances : Lorsque vous devrez manipuler certains textes présents sur la scène (changer le contenu d'une zone de texte, changer sa position sur la scène et d'autres réglages), vous devez renseigner le nom de la variable ou de l'instance d'un texte.
Img 2.1Un nom d'instance attribué à un texte dynamique ou de saisie permet de le manipuler (ex. : position du texte sur la scène)
Img 2.2Une variable peut être matérialisée sur la scène par une zone de texte dynamique.
Lorsqu'une zone de texte de saisie est placée sur la scène, il est impossible de savoir à l'avance quelle sera le texte tapé par l'utilisateur. Il est alors possible d'encapsuler les caractères d'une police dans le fichier SWF que vous gênerez. Pour choisir uniquement certains caractères, sélectionnez le texte de saisie auquel vous souhaitez affecter certains caractères puis cliquez sur le bouton Caractères disponible dans la palette des Propriétés.
Dans certains cas, vous aurez besoin de convertir des
caractères en formes. Vous pouvez ainsi traiter chaque caractère
indépendamment mais les manipuler également comme n'importe
quelle autre forme.
> Méthodologie : Transformer un texte en formes
1. Sélectionnez la zone de texte à convertir avec la flèche noire
2. Sélectionnez la commande Séparer du menu Modifier
Remarque : Répétez l'étape numéro 2 une deuxième fois car la commande Séparer à pour fonction, la première fois qu'elle est activée, de convertir un texte en une série de caractères.
Des caractères en formes de formes
Il est difficile de s'en rendre compte sur la copie d'écran ci-contre mais les caractères de l'étape "APRES" ne sont que de simples formes au même titre qu'un rond ou un carré. Vous pouvez les manipuler avec la flèche noire ou la blanche.
Lorsque votre texte est enfin vectorisé, vous pouvez manipuler chaque caractère comme une forme.
Nous l'évoquions un peu plus haut dans cette même page, un texte dynamique ou de saisie peut avoir un nom d'instance (ou nom d'occurrence). Cela vous permet ainsi de manipuler votre texte comme n'importe quelle autre occurrence de clip ou bouton.
