Establezca el ancho del componente Flex en 100% en el tiempo de ejecución?

Question

Si estoy creando un campo de entrada a través de MXML, puedo establecer el ancho en 100%. Pero parece que no puedo hacer esto en tiempo de ejecución a través de ActionScript.

Esto funciona:

<mx:TextInput ... width="100%" /> 

Esta costumbre de compilación, dice ancho es un número, no una cadena:

var textinp:TextInput = new TextInput(); 
someContainer.addChild(textinp); 
textinp.width = "100%" 

¿Cómo puedo configurar 100% como el tamaño de un componente creado en tiempo de ejecución a través de ¿ActionScript?

Answer 1

Solo necesita usar el atributo percentWidth, en lugar del atributo width.

Por lo tanto, la tercera línea en el código sería:

textinp.percentWidth = 100; 

Esto me hizo tropezar por un tiempo, también.

Answer 2

La respuesta anterior es correcta, pero no puedo comentar sobre ella porque soy demasiado nuevo para SO.

Cuando desea agregar esta funcionalidad a un componente personalizado, puede hacer algo como esto:

[PercentProxy("percentMultiplier")] 
public function set multiplier(value:Number):void 
{ 
    _multiplier = value; 
    invalidSomethingOrDoSomething(); 
} 

public function set percentMultiplier(value:Number):void 
{ 
    multiplier = value/100; 
} 

Por supuesto, cuando lo estás haciendo para la anchura, las subclases de contenedores están buscando percentWidth, y no inspeccione el metada, así que no lo llame widthInPercent o algo así, aunque pueda.

Answer 3

Aquí está la respuesta:

var textinp:TextInput = new TextInput(); 
someContainer.addChild(textinp); 
textinp.percentWidth = 100; 

Answer 4

Si más adelante desea volver a anchuras basadas en píxeles para el mismo componente, esto es lo que tiene que hacer:

textinp.percentWidth = NaN;