Flex中如何通过dropdownStyleName和verticalScrollBarStyleName样式设置ComboBox竖直滚动条上下图标风格的例子
接下来的例子演示了Flex中如何通过dropdownStyleName和verticalScrollBarStyleName样式，设置ComboBox竖直滚动条上下图标风格。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white">
<mx:Style>
.myCustomComboBox {
dropdownStyleName: myCustomDropdown;
}
.myCustomDropdown {
fontWeight: normal;
verticalScrollBarStyleName: myCustomVertScroll;
}
.myCustomVertScroll {
trackColors: white, white;
upArrowSkin: Embed("bullet_delete.png");
downArrowSkin: Embed("bullet_add.png");
}
</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:Array>
<mx:Form>
<mx:FormItem label="default:">
<mx:ComboBox id="comboBox1"
dataProvider="{arr}" />
</mx:FormItem>
<mx:FormItem label="skinned:">
<mx:ComboBox id="comboBox2"
dataProvider="{arr}"
styleName="myCustomComboBox" />
</mx:FormItem>
</mx:Form>
</mx:Application>
