Flex中通过borderColor和borderColor属性设置按钮(Button)控件边框颜色和theme颜色的例子
By Minidxer | July 25, 2008
接下来的例子演示了Flex中如何通过borderColor和borderColor属性,设置按钮(Button)控件边框颜色和theme颜色。例子中列举了”haloBlue”, “haloGreen”, “haloOrange” or “haloSilver”等几种方案。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整MXML实现代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- private function comboBox_change(value:String):void {
- myButton.label = value;
- myButton.setStyle("borderColor", value);
- myButton.setStyle("themeColor", value);
- }
- ]]>
- </mx:Script>
- <mx:ComboBox id="comboBox"
- prompt="Please select a color..."
- selectedIndex="-1"
- change="comboBox_change(event.currentTarget.selectedLabel)">
- <mx:dataProvider>
- <mx:Object label="haloBlue" />
- <mx:Object label="haloGreen" />
- <mx:Object label="haloOrange" />
- <mx:Object label="haloSilver" />
- </mx:dataProvider>
- </mx:ComboBox>
- <mx:Button id="myButton"
- emphasized="true"
- fontSize="16"
- width="{comboBox.width}"
- height="{int(comboBox.width * 0.5)}" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer
Topics:
Flex |
Tags: borderColor, Button, emphasized, halo, Theme, themeColor