不支持StyleableTextField的宽度

Question

如何在StyleableTextField上正确启用宽度?下面是示例代码:

期望:背景红色应该覆盖整个宽度。

实际:红色刚好覆盖正文。

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    viewActivate="onViewActivate(event)">
<fx:Script>
<![CDATA[
    import spark.components.supportClasses.StyleableTextField;
    import spark.events.ViewNavigatorEvent;
    private function onViewActivate( event:ViewNavigatorEvent ):void
    {
        var txtMobile:StyleableTextField = new StyleableTextField();
        txtMobile.text              = "Hello World";
        txtMobile.background        = true;
        txtMobile.backgroundColor   = 0xFF0000;
        txtMobile.width             =  FlexGlobals.topLevelApplication.width;
        this.addElement( txtMobile );
    }
]]>
</fx:Script>

我也试过禁用autoSize属性

txtMobile.autoSize = TextFieldAutoSize.NONE;

Answer 1

可以尝试使用标签吗?我猜背景色会在spark标签的宽度上展开，因为它没有边框/边界，所以你不会有这个问题