Set Flex-Komponente der Breite bis zu 100% bei der Laufzeit?

Wenn ich Schaffe sagen, ein input-Feld durch MXML kann ich setzen Sie die Breite auf 100%. Aber ich kann nicht scheinen, um dies zur Laufzeit durch ActionScript.

Dies funktioniert:

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

Diese nicht kompilieren, sagt, die Breite ist eine Zahl, kein string:

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

Wie kann ich 100% wie die Größe einer Komponente zur Laufzeit per ActionScript?

InformationsquelleAutor der Frage davr | 2009-06-25

  1. 23

    Müssen Sie nur verwenden Sie den percentWidth - Attribut, anstelle der width Attribut.

    So, in der Dritten Zeile in deinem code wäre : 

    textinp.percentWidth = 100;

    Dieser stolperte, mich für eine Weile, zu.

    InformationsquelleAutor der Antwort Ross Henderson

  2. 10

    Wenn Sie später möchten, wechseln Sie zurück zur pixel-basierten breiten für die gleiche Komponente, hier ist, was Sie zu tun haben:

    textinp.percentWidth = NaN;

    InformationsquelleAutor der Antwort Daniel Brockman

  3. 3

    Die obige Antwort richtig ist, aber ich kann nicht kommentieren, es coz ich bin zu neu, um SO.

    Wenn Sie möchten, um diese Funktionalität hinzufügen, um eine benutzerdefinierte Komponente, die Sie tun können, so etwas wie dieses:

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

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

    Natürlich, wenn Sie tun es für die Breite, Container-Unterklassen sind auf der Suche für percentWidthund nicht überprüfen die metada, so nennen Sie es nicht widthInPercent oder so, obwohl Sie können.

    InformationsquelleAutor der Antwort

  4. 1

    Hier ist die Antwort:

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

    InformationsquelleAutor der Antwort Adrian Pirvulescu

Schreibe einen Kommentar