flex combobox
- 作者: 据说名字很长很长的人都是闲的蛋疼
- 来源: 51数据库
- 2020-09-29
在前面的Flex中设置DataGrid控件中字符背景以及控件背景颜色中我们了解了如何通过设置backgroundAlpha和backgroundColor样式,在Flex中设置DataGrid控件中字符背景以及控件背景颜色。接下来的例子演示了Flex中如何通过rollOverColor样式,设置ComboBox下拉菜单项目背景颜色。同样是基本控件,一个用backgroundColor,而另一个用的是rollOverColor,这个需要注意一下。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):Download: main.mxml
<?xmlversion="1.0"encoding="utf-8"?>
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white">
<mx:Arrayid="arr">
<mx:Objectlabel="One"/>
<mx:Objectlabel="Two"/>
<mx:Objectlabel="Three"/>
<mx:Objectlabel="Four"/>
<mx:Objectlabel="Five"/>
<mx:Objectlabel="Six"/>
<mx:Objectlabel="Seven"/>
<mx:Objectlabel="Eight"/>
<mx:Objectlabel="Nine"/>
<mx:Objectlabel="Ten"/>
</mx:Array>
<mx:ApplicationControlBardock="true">
<mx:FormstyleName="plain">
<mx:FormItemlabel="rollOverColor:">
<mx:ColorPickerid="colorPicker"
selectedColor="#CCCCCC"/>
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:ComboBoxid="comboBox"
dataProvider="{arr}"
rollOverColor="{colorPicker.selectedColor}"/>
</mx:Application>
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):Download: main.mxml
<?xmlversion="1.0"encoding="utf-8"?>
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white">
<mx:Arrayid="arr">
<mx:Objectlabel="One"/>
<mx:Objectlabel="Two"/>
<mx:Objectlabel="Three"/>
<mx:Objectlabel="Four"/>
<mx:Objectlabel="Five"/>
<mx:Objectlabel="Six"/>
<mx:Objectlabel="Seven"/>
<mx:Objectlabel="Eight"/>
<mx:Objectlabel="Nine"/>
<mx:Objectlabel="Ten"/>
</mx:Array>
<mx:ApplicationControlBardock="true">
<mx:FormstyleName="plain">
<mx:FormItemlabel="rollOverColor:">
<mx:ColorPickerid="colorPicker"
selectedColor="#CCCCCC"/>
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:ComboBoxid="comboBox"
dataProvider="{arr}"
rollOverColor="{colorPicker.selectedColor}"/>
</mx:Application>
推荐阅读
