Texte dans la liste Flex

Question

Comment localiser du texte dans le mx: Liste comme ça?

|"text1"   "test2"| 
----------------------- 
|"text3"   "text4"| 

Answer 1

En fait, vous devez regarder wordWrap = « false | true » ou tout simplement faire quelque chose comme ça (vous pouvez ajouter ce code à votre application flexible et voir - il fonctionne parfaitement)

<mx:List> 
<mx:String>"text"  "text"</mx:String> 
<mx:String>"text2"  "text3"</mx:String> 
<mx:String>"text4"  "text5"</mx:String> 
</mx:List> 

Donc, tout ce que vous avez à faire est de convertir vos variables en chaînes et se joindre à 3 cordes

  "text1" + "    " + "text2" 

et BTW à vous pouvez trouver tous = « Adobe® Flex ™ 3 de référence du langage »)

---

L'autre façon est de créer le costume d'article renderer. Bon tutoriel sur ceci est sur GoToAndLearn.com dans Introduction à Flex: Partie 2 et 3 ("... créer un composant Flex personnalisé et l'utiliser comme un rendu d'élément pour le contrôle Liste ...")

Answer 2

Vous allez avoir besoin de faire un moteur de rendu d'élément personnalisé qui a une disposition comme:

<mx:HBox width="100%"> 
    <mx:Label text="{data.value1}" /> 
    <mx:Spacer width="100%" /> 
    <mx:Label text="{data.value2}" /> 
</mx:HBox> 

l'entretoise dynamique s'adapter à pousser les étiquettes à chaque bord de la hbox;

edit: oups oui je voulais dire 100%

Answer 3

Création d'une étiquette personnalisée renderer le long des lignes de @ réponse de greg est probablement le chemin à parcourir. Cependant, lorsque vous ajoutez des éléments supplémentaires, vous devez vérifier la méthode measure de la classe de contrôle associée pour vous assurer que la taille des éléments supplémentaires sera prise en compte lorsque le contrôle (le List dans ce cas) est dimensionné. Sinon, vous pourriez vous retrouver avec un résultat inattendu. Voir this poste pour un exemple de ce que je veux dire.

Answer 4

Que diriez-vous à l'aide d'un itemRenderer qui ressemble à

<mx:Canvas width="100%"> 
    <mx:Label textAlign="left" left="0" text="{_text1}"/> 
    <mx:Label textAlign="right" right="0" text="{_text2}"/> 
</mx:Canvas>