Différence des composants texte flex3 et flex 4

Voici un tableau qui récapitule ces différences

	MULTI- LIGNE	TRONCA- TURE	SÉLECTION- NABLE	MODI- FIABLE	FORMAT  HTML	DÉFI- LEMENT
mx.controls.Label	Non	Oui	Oui	Non	Oui	Non
mx.controls.Text	Oui	Non	Oui	Non	Oui	Non
spark.components.Label	Oui	Oui	Non	Non	Non	Non
spark.primitives.RichEditableText	Oui	Oui	Non	Non	Oui	Non
spark.primitives.RichText	Oui	Non	Oui	Oui	Oui	Oui

Adapter un champs à son contenu (2)

Dans flex 4, on peut maintenant indiquer le nombre de ligne que l'on souhaite voir afficher. Il suffit de renseigner par un chiffre, la propriété "heightInLines".
On peut également faire de l'auto-resize.
Pour cela, au lieu de mettre un chiffre sur cette même propriété, on saisira "NaN", valeur par défaut (Not A Number).
Ce qui donne simplement :

<s:TextArea heightInLines="{NaN}" minHeight="30"/>


Adapter un champs à son contenu

Ce code vient de idletogether.com.
La fonction permettant de recalculer la taille du champs :

private function resizeMe(field:TextArea) :void
{
    field.validateNow();
    field.mx_internal::getTextField().autoSize = TextFieldAutoSize.LEFT;
    field.height = field.mx_internal::getTextField().height;
}

Puis on l'appelle sur notre champs texte

<mx:TextArea
id="monChamps"
creationComplete="resizeMe(this.monChamps)"
text="Mettre plein de texte"/>

Sinon flexer.info permet de redimensionner son texte dès quand on le rempli

Récuperer la valeur d'un champs et l'afficher dans une Alert

La fonction a appeler.

<mx:Script>
 <![CDATA[
     import mx.controls.Alert;
     private function monAlert():void {
     Alert.show("Le contenu du champs est : "+monChamps.text", "");
}
]]>
</mx:Script> 

Le champs texte d'où l'on récupèrera la valeur

<mx:TextInput  id="monChamps"/>

Le bouton déclenchant l'Alert

<mx:Button  label="Affichage du contenu du champs"  click="monAlert()"/>

Gestion du texte

Enfin une gestion du texte digne des grands éditeurs. Adobe met sur son site http://labs.adobe.com le composant 'Text Layout Framework' en version betâ, destiné à Flex (déjà incluse dans la prochaine version de Flex Gumbo) et Flash . Il permet une gestion du texte approfondie. La démo sur ici.

• Sélection et édition en colonnes, espacement, indentation
  
• gestion des règles typographique comme les ligatures, la casse, crénage...
• contrôle des marges
• insertion d'images dans le texte