设置ComboBox控件的小箭头颜色.
生活随笔
收集整理的這篇文章主要介紹了
设置ComboBox控件的小箭头颜色.
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
ComboBox控件的iconColor樣式. 示例: 代碼:
<?xml?version="1.0"?encoding="utf-8"?>
<!--?http://blog.flexexamples.com/2008/07/03/setting-the-icon-color-on-a-combobox-control-in-flex/?-->
<mx:Application?xmlns:mx="http://www.adobe.com/2006/mxml"
????????layout="vertical"
????????verticalAlign="top"
????????backgroundColor="white">
????<mx:Array?id="arr">
????????<mx:Object?label="One"?/>
????????<mx:Object?label="Two"?/>
????????<mx:Object?label="Three"?/>
????????<mx:Object?label="Four"?/>
????????<mx:Object?label="Five"?/>
????????<mx:Object?label="Six"?/>
????????<mx:Object?label="Seven"?/>
????????<mx:Object?label="Eight"?/>
????????<mx:Object?label="Nine"?/>
????????<mx:Object?label="Ten"?/>
????</mx:Array>
????<mx:ApplicationControlBar?dock="true">
????????<mx:Form?styleName="plain">
????????????<mx:FormItem?label="iconColor:">
????????????????<mx:ColorPicker?id="colorPicker"?/>
????????????</mx:FormItem>
????????</mx:Form>
????</mx:ApplicationControlBar>
????<mx:ComboBox?id="comboBox"
????????????dataProvider="{arr}"
????????????iconColor="{colorPicker.selectedColor}"?/>
</mx:Application>
也可以通過(guò)CSS設(shè)置:
<?xml?version="1.0"?encoding="utf-8"?>
<!--?http://blog.flexexamples.com/2008/07/03/setting-the-icon-color-on-a-combobox-control-in-flex/?-->
<mx:Application?xmlns:mx="http://www.adobe.com/2006/mxml"
????????layout="vertical"
????????verticalAlign="top"
????????backgroundColor="white">
????<mx:Style>
????????ComboBox?{
????????????iconColor:?red;
????????}
????</mx:Style>
????<mx:Array?id="arr">
????????<mx:Object?label="One"?/>
????????<mx:Object?label="Two"?/>
????????<mx:Object?label="Three"?/>
????????<mx:Object?label="Four"?/>
????????<mx:Object?label="Five"?/>
????????<mx:Object?label="Six"?/>
????????<mx:Object?label="Seven"?/>
????????<mx:Object?label="Eight"?/>
????????<mx:Object?label="Nine"?/>
????????<mx:Object?label="Ten"?/>
????</mx:Array>
????<mx:ComboBox?id="comboBox"
????????????dataProvider="{arr}"?/>
</mx:Application>
也可以通過(guò)as的方法實(shí)現(xiàn):
<?xml?version="1.0"?encoding="utf-8"?>
<!--?http://blog.flexexamples.com/2008/07/03/setting-the-icon-color-on-a-combobox-control-in-flex/?-->
<mx:Application?xmlns:mx="http://www.adobe.com/2006/mxml"
????????layout="vertical"
????????verticalAlign="top"
????????backgroundColor="white">
????<mx:Script>
????????<![CDATA[
????????????import?mx.events.ColorPickerEvent;
????????????private?function?colorPicker_change(evt:ColorPickerEvent):void?{
????????????????comboBox.setStyle("iconColor",?evt.color);
????????????}
????????]]>
????</mx:Script>
????<mx:Array?id="arr">
????????<mx:Object?label="One"?/>
????????<mx:Object?label="Two"?/>
????????<mx:Object?label="Three"?/>
????????<mx:Object?label="Four"?/>
????????<mx:Object?label="Five"?/>
????????<mx:Object?label="Six"?/>
????????<mx:Object?label="Seven"?/>
????????<mx:Object?label="Eight"?/>
????????<mx:Object?label="Nine"?/>
????????<mx:Object?label="Ten"?/>
????</mx:Array>
????<mx:ApplicationControlBar?dock="true">
????????<mx:Form?styleName="plain">
????????????<mx:FormItem?label="iconColor:">
????????????????<mx:ColorPicker?id="colorPicker"
????????????????????????change="colorPicker_change(event);"?/>
????????????</mx:FormItem>
????????</mx:Form>
????</mx:ApplicationControlBar>
????<mx:ComboBox?id="comboBox"
????????????dataProvider="{arr}"
????????????iconColor="{colorPicker.selectedColor}"?/>
</mx:Application>
<?xml?version="1.0"?encoding="utf-8"?>
<!--?http://blog.flexexamples.com/2008/07/03/setting-the-icon-color-on-a-combobox-control-in-flex/?-->
<mx:Application?xmlns:mx="http://www.adobe.com/2006/mxml"
????????layout="vertical"
????????verticalAlign="top"
????????backgroundColor="white">
????<mx:Array?id="arr">
????????<mx:Object?label="One"?/>
????????<mx:Object?label="Two"?/>
????????<mx:Object?label="Three"?/>
????????<mx:Object?label="Four"?/>
????????<mx:Object?label="Five"?/>
????????<mx:Object?label="Six"?/>
????????<mx:Object?label="Seven"?/>
????????<mx:Object?label="Eight"?/>
????????<mx:Object?label="Nine"?/>
????????<mx:Object?label="Ten"?/>
????</mx:Array>
????<mx:ApplicationControlBar?dock="true">
????????<mx:Form?styleName="plain">
????????????<mx:FormItem?label="iconColor:">
????????????????<mx:ColorPicker?id="colorPicker"?/>
????????????</mx:FormItem>
????????</mx:Form>
????</mx:ApplicationControlBar>
????<mx:ComboBox?id="comboBox"
????????????dataProvider="{arr}"
????????????iconColor="{colorPicker.selectedColor}"?/>
</mx:Application>
也可以通過(guò)CSS設(shè)置:
<?xml?version="1.0"?encoding="utf-8"?>
<!--?http://blog.flexexamples.com/2008/07/03/setting-the-icon-color-on-a-combobox-control-in-flex/?-->
<mx:Application?xmlns:mx="http://www.adobe.com/2006/mxml"
????????layout="vertical"
????????verticalAlign="top"
????????backgroundColor="white">
????<mx:Style>
????????ComboBox?{
????????????iconColor:?red;
????????}
????</mx:Style>
????<mx:Array?id="arr">
????????<mx:Object?label="One"?/>
????????<mx:Object?label="Two"?/>
????????<mx:Object?label="Three"?/>
????????<mx:Object?label="Four"?/>
????????<mx:Object?label="Five"?/>
????????<mx:Object?label="Six"?/>
????????<mx:Object?label="Seven"?/>
????????<mx:Object?label="Eight"?/>
????????<mx:Object?label="Nine"?/>
????????<mx:Object?label="Ten"?/>
????</mx:Array>
????<mx:ComboBox?id="comboBox"
????????????dataProvider="{arr}"?/>
</mx:Application>
也可以通過(guò)as的方法實(shí)現(xiàn):
<?xml?version="1.0"?encoding="utf-8"?>
<!--?http://blog.flexexamples.com/2008/07/03/setting-the-icon-color-on-a-combobox-control-in-flex/?-->
<mx:Application?xmlns:mx="http://www.adobe.com/2006/mxml"
????????layout="vertical"
????????verticalAlign="top"
????????backgroundColor="white">
????<mx:Script>
????????<![CDATA[
????????????import?mx.events.ColorPickerEvent;
????????????private?function?colorPicker_change(evt:ColorPickerEvent):void?{
????????????????comboBox.setStyle("iconColor",?evt.color);
????????????}
????????]]>
????</mx:Script>
????<mx:Array?id="arr">
????????<mx:Object?label="One"?/>
????????<mx:Object?label="Two"?/>
????????<mx:Object?label="Three"?/>
????????<mx:Object?label="Four"?/>
????????<mx:Object?label="Five"?/>
????????<mx:Object?label="Six"?/>
????????<mx:Object?label="Seven"?/>
????????<mx:Object?label="Eight"?/>
????????<mx:Object?label="Nine"?/>
????????<mx:Object?label="Ten"?/>
????</mx:Array>
????<mx:ApplicationControlBar?dock="true">
????????<mx:Form?styleName="plain">
????????????<mx:FormItem?label="iconColor:">
????????????????<mx:ColorPicker?id="colorPicker"
????????????????????????change="colorPicker_change(event);"?/>
????????????</mx:FormItem>
????????</mx:Form>
????</mx:ApplicationControlBar>
????<mx:ComboBox?id="comboBox"
????????????dataProvider="{arr}"
????????????iconColor="{colorPicker.selectedColor}"?/>
</mx:Application>
轉(zhuǎn)載于:https://www.cnblogs.com/xxcainiao/archive/2008/07/14/1242555.html
總結(jié)
以上是生活随笔為你收集整理的设置ComboBox控件的小箭头颜色.的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: java日期工具类DateUtil
- 下一篇: 删除重复记录