如何在 FLEX 中更改 DropDownList 的背景颜色？

Question

这就是我到目前为止所做的。

       <!-- fill -->
        <!--- Defines the appearance of drop-down list's background fill. -->
        <s:Rect id="background" left="1" right="1" top="1" bottom="1" >
            <s:fill>
            <!---  
                The color of the drop down's background fill.
                The default color is 0xFFFFFF.
            -->
                <s:SolidColor id="bgFill" color="#DB9E36"/>
            </s:fill>
        </s:Rect>

如果您仔细观察，您会发现我更改了 bgFill 颜色的默认值。但是，当我运行应用程序时，下拉列表的背景颜色仍然是默认的白色。

我在这里做错了什么吗？

提前致谢。

Answer 1

简单的方法是使用ContentBackgroundColor样式。类似的东西：

<s:DropDownList contentBackgroundColor="0xDB9E36" >
    <s:dataProvider>
        <mx:ArrayCollection>
            <fx:String>Flash</fx:String> 
            <fx:String>Director</fx:String> 
            <fx:String>Dreamweaver</fx:String> 
            <fx:String>ColdFusion</fx:String> 
            <fx:String>Flash</fx:String> 
            <fx:String>Director</fx:String> 
            <fx:String>Dreamweaver</fx:String> 
            <fx:String>ColdFusion</fx:String> 
            <fx:String>Flash</fx:String> 
            <fx:String>Director</fx:String> 
            <fx:String>Dreamweaver</fx:String> 
            <fx:String>ColdFusion</fx:String> 
        </mx:ArrayCollection>           
    </s:dataProvider>
</s:DropDownList>

更多细节..

创建自定义皮肤时；有一个称为ContentFill的属性列表；这样定义：

 static private const contentFill:Array = ["bgFill"];

您会注意到这里列出的值是BGFILL；与您要更改的颜色相同的背景。可以通过使用contentItem属性公开检索它：

override public function get contentItems():Array {return contentFill};

Sparkskin类（默认所有MXML皮肤均延伸）在UpdatedIsplaylist的内部访问此值。 ContentItems数组中的每个属性都使用ContentBackgroundColor具体特定的背景颜色，并且使用ContentBackgrandAlpha指定的Alpha。

在MXML中明确定义了一个值，然后[可能]在ActionScript中覆盖值有点误导。