Flex Gumbo中如何通过baseColor样式设置FxRadioButton基本颜色的例子

By Minidxer | July 11, 2009

接下来的例子演示了Flex Gumbo中如何通过baseColor样式,设置FxRadioButton基本颜色。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <Application name="FxRadioButton_baseColor_test"
  3.         xmlns="http://ns.adobe.com/mxml/2009"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <FxRadioButtonGroup id="gr1" />
  9.  
  10.     <ApplicationControlBar dock="true">
  11.         <Form styleName="plain">
  12.             <FormItem label="baseColor:">
  13.                 <ColorPicker id="colorPicker"
  14.                         selectedColor="#CCCCCC" />
  15.             </FormItem>
  16.         </Form>
  17.     </ApplicationControlBar>
  18.  
  19.     <VGroup>
  20.         <FxRadioButton label="One"
  21.                 group="{gr1}"
  22.                 baseColor="{colorPicker.selectedColor}" />
  23.         <FxRadioButton label="Two"
  24.                 group="{gr1}"
  25.                 baseColor="{colorPicker.selectedColor}" />
  26.         <FxRadioButton label="Three"
  27.                 group="{gr1}"
  28.                 baseColor="{colorPicker.selectedColor}" />
  29.         <FxRadioButton label="Four"
  30.                 group="{gr1}"
  31.                 baseColor="{colorPicker.selectedColor}" />
  32.         <FxRadioButton label="Five"
  33.                 group="{gr1}"
  34.                 baseColor="{colorPicker.selectedColor}" />
  35.     </VGroup>
  36.  
  37. </Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: FxRadioButton, Gumbo | No Comments » | 146 views Tags: ,

Search Posts