Flex中如何通过selectedButtonTextStyleName样式设置ToggleButtonBar选中按钮文本颜色的例子

By Minidxer | May 18, 2009

接下来的例子演示了Flex中如何通过selectedButtonTextStyleName样式,设置ToggleButtonBar选中按钮文本颜色。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):


下面是完整代码(或点击这里察看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="ToggleButtonBar_selectedButtonTextStyleName_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <mx:Style>
  9.         .mySelectedButtonTextStyleName {
  10.             color: haloBlue;
  11.         }
  12.     </mx:Style>
  13.  
  14.     <mx:Array id="arr">
  15.         <mx:Object label="One Fish" />
  16.         <mx:Object label="Two Fish" />
  17.         <mx:Object label="Red Fish" />
  18.         <mx:Object label="Blue Fish" />
  19.     </mx:Array>
  20.  
  21.     <mx:ToggleButtonBar id="toggleButtonBar"
  22.             selectedButtonTextStyleName="mySelectedButtonTextStyleName"
  23.             dataProvider="{arr}" />
  24.  
  25. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: ToggleButtonBar | No Comments » | Tags: ,

Search Posts