Flex Gumbo中如何利用<Style>块设置FxRadioButton不同状态样式的例子

By Minidxer | July 11, 2009

接下来的例子演示了Flex Gumbo中如何利用<Style>块,设置FxRadioButton不同状态样式。

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <Application name="FxRadioButton_statesStyle_fontWeight_test"
  3.         xmlns="http://ns.adobe.com/mxml/2009"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <Style>
  9.         FxRadioButton:upAndSelected,
  10.         FxRadioButton:overAndSelected,
  11.         FxRadioButton:downAndSelected {
  12.             fontWeight: bold;
  13.         }
  14.     </Style>
  15.  
  16.     <FxRadioButtonGroup id="gr1" />
  17.  
  18.     <VGroup width="100">
  19.         <FxRadioButton label="One" />
  20.         <FxRadioButton label="Two" />
  21.         <FxRadioButton label="Three" />
  22.         <FxRadioButton label="Four" />
  23.         <FxRadioButton label="Five" />
  24.     </VGroup>
  25.  
  26. </Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

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

Search Posts