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
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             private function comboBox_change(value:String):void {
  10.                 myButton.label = value;
  11.                 myButton.setStyle("borderColor", value);
  12.                 myButton.setStyle("themeColor", value);
  13.             }
  14.         ]]>
  15.     </mx:Script>
  16.  
  17.     <mx:ComboBox id="comboBox"
  18.             prompt="Please select a color..."
  19.             selectedIndex="-1"
  20.             change="comboBox_change(event.currentTarget.selectedLabel)">
  21.         <mx:dataProvider>
  22.             <mx:Object label="haloBlue" />
  23.             <mx:Object label="haloGreen" />
  24.             <mx:Object label="haloOrange" />
  25.             <mx:Object label="haloSilver" />
  26.         </mx:dataProvider>
  27.     </mx:ComboBox>
  28.  
  29.     <mx:Button id="myButton"
  30.             emphasized="true"
  31.             fontSize="16"
  32.             width="{comboBox.width}"
  33.             height="{int(comboBox.width * 0.5)}" />
  34.  
  35. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:minidxer

Topics: Flex | Tags: , , , , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Archives

Sponsored Ads