Redimensionnement automatique de Spark TextArea à l'aide de Flex Hero

Question

J'essaye de redimensionner automatiquement un Spark TextArea en utilisant Flex Hero mais sans avoir de chance. Quelqu'un peut-il me diriger dans la direction d'un exemple de travail s'il vous plaît?

EDIT: Pour clarifier, je veux redimensionner automatiquement le TextArea en tapant, donc il n'y a jamais de barre de défilement.

Answer 1

Après un certain jeu autour j'ai trouvé une façon de le faire:

<?xml version="1.0" encoding="utf-8"?> 
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx"> 
    <s:layout> 
     <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="8" paddingBottom="8"/> 
    </s:layout> 
    <fx:Script> 
     <![CDATA[ 
      import mx.core.mx_internal; 

      protected function changeTextArea():void 
      { 
       textArea.heightInLines = NaN; 
      } 

      protected function lineCount():void 
      { 
       label.text = textArea.textFlow.flowComposer.numLines.toString(); 
      } 
     ]]> 
    </fx:Script> 
    <s:TextArea id="textArea" 
       heightInLines="1" 
       horizontalCenter="0" verticalCenter="0" verticalScrollPolicy="off" horizontalScrollPolicy="off" 
       change="changeTextArea()" focusOut="lineCount()"/> 
    <s:Label id="label"/> 
    <s:Button/> 
</s:WindowedApplication> 

Answer 2

Je mis en place l'largeur/hauteur pour être un pourcentage du contenant:

<s:TextArea width="100%" height="100%" /> 

À moins que vous demandent quelque chose d'autre?

Answer 3

je juste testé avec le héros flex et Bruno Trincão affiché here, s:RichEditableText travaux avec textArea.heightInLines = NaN;