Flex TextInput寬度100％

Question

如何設置Flex TextInput組件的寬度為100％，以使其寬度填充父級寬度空間？ 我嘗試使用<s:TextInput id="myid" width="100%"/>但是沒有用。

謝謝。

Answer 1

您可以嘗試使用綁定到父寬度

<s:TextInput id="myid" width="{width}"/>

在這種情況下，我通常會為組件設置不同的背景色，這樣我就可以知道問題出在哪里。 在flex 3中，我只是通過設置backgroundColor屬性來實現，而在flex 4中，我使用了矩形：

<s:Rect height="{height}"
        width="{width}"
        includeInLayout="false">
        <s:fill>
             <s:SolidColor color="{Math.random() * 0xffffff}"/>
        </s:fill>
</s:Rect>

如果仍有問題，請發布您的父代碼。

Answer 2

<s:TextInput id="myid" width="{myid.text.length * 2}"/>您可以動態增加文本框的大小。

Answer 3

您發布的內容是正確的。 最有可能導致TextInput的父容器比您想象的要小。 嘗試在容器上設置一些明確的寬度以及可見的邊框或背景色，以便您查看正在發生的情況。 沒有上下文就很難猜測。