TextfieldResize

Created : mercredi 27 octobre 2004
Last modified : samedi 4 mars 2006 23:41:53

Installation de la commande JSFL TextfieldResize

Extension TextfieldResize v1.1.0

Pour l'installer :
  1. Téléchargez le fichier contenant l'extension
  2. Vérifiez que vous disposez bien de Flash MX 2004 et de l'Extension Manager
  3. Utiisez le fichier textfieldResize.mxp que contient l'archive pour installer l'extension

Cette commande est destinée à donner des dimensions précises à un champ de texte pour éviter d'avoir à utiliser une transformation d'échelle qui "déformerait" son contenu.

Pour l'utiliser il faut au préalable avoir sélectionné un ou plusieurs champs de texte sur la scéne de l'animation ou d'un symbole et lancer la commande depuis le menu Commandes de la barre des menus.

Utilisation:
  1. Une boîte de dialogue s'ouvre pour permettre de saisir une hauteur et une largeur.
  2. Les dimensions sont appliquées au champ de texte aprés fermeture de la boîte de dialogue.

Pourquoi cette extension

Aucun outil de l'environnement auteur du logiciel Flash ne permet de donner de dimensions précises à un champ de texte sans risquer de déformer le texte qu'il contient.

Il est pourtant souvent pratique de pouvoir affecter des dimensions précises aux champs de saisie d'un formulaire pour avoir un meilleur controle sur la mise en page (alignement, espacement, placement). Il est également des cas où l'affectation de dimensions précises à un champ de texte peut sembler indispensable, comme quand il est utilisé avec une scrollbar ou quand il sert a définir les dimensions de la base d'un composant.

Même si une fois l'animation exportée, le script permet de reprendre le contrôle des dimensions du champ de texte, il est rare que quiconque affecte la mise en page de ses formulaires au runtime. C'est pourquoi actuellement les dimensions des champs de texte s'affectent à la vue, à l'aide de la poignée de dimensionnement, en zoomant au maximum sur la scène.

Comportement par défaut : poignée de dimensionnement
Par défaut les dimensions du champ de texte sotn afectées à l'aide de la poignée de redimensionnement
L'affectation de nouvelles dimensions depuis l'environnement auteur déforme le contenu du champ de texte
Le champ de texte est déformé dans sa largeur
L'utilisation de la commande JSFL permet le dimensionnement tout en préservant les attributs de transformation du champ de texte
Le champ de texte présente un contenu respectant la taille de la police initiale

Astuce pour Flash MX (ou MX 2004 sans l'extension)

Avant d'avoir développé l'extension JSFL et posté un message sur les forums de FlashXpress faisant requête d'une solution à ce problème et à la suite d'un aprés-midi de recherche haletante, Foxy (Didier Brun) de www.foxaweb.com est arrivé à me fournir une astuce vraiment bien pensée sur laquelle j'ai travaillée avec lui par la suite pour arriver à trouver une solution suffisamment viable pour être utilisée couramment.

Procédure d'application:
  1. Créez un champ de texte statique
  2. Ouvrez la boîte de dialogue de format du texte qui permet d'ajuster les marges du texte, l'indentation et l'espacement des lignes
  3. Affectez une valeur de "marge gauche" de la largeur souhaitée à laquelle vous soustrairez 4.2 pixels. (Par exemple pour un champ de texte de 200 pixels de largeur vous rentrerez : 200px - 4.2px = 195.8px)
  4. Changez le type du champ de texte pour le transformer en champ de texte statique ou de saisie selon vos besoins
  5. Passez le champ de texte à l'état de champ de texte scrollable (click-droit+scrollable)
  6. Ré-ouvrez la boîte de dialogue de format du texte pour supprimer la marge gauche rentrée et le tour est joué !

Problèmes connus de la commande JSFL

  • L'utilisation de la commande crée un point d'ancrage sur le champ de texte. C'est un problème connu et sans conséquences dû à l'utilisation du JSFL.
  wordpress rss rss français rss english xhtml 1.1 css 2.0 wdg