Jun 21

Flex中通过设置labelPlacement属性设置RadioButton控件文本标签排列位置的例子

FlexAdd comments

接下来的例子演示了Flex中如何通过设置labelPlacement属性，设置RadioButton控件文本标签排列位置。

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


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

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:ApplicationControlBar dock="true">
  8.         <mx:Form styleName="plain">
  9.             <mx:FormItem label="labelPlacement:">
  10.                 <mx:ComboBox id="comboBox"
  11.                         dataProvider="[left, right, top, bottom]"
  12.                         selectedIndex="1" />
  13.             </mx:FormItem>
  14.         </mx:Form>
  15.     </mx:ApplicationControlBar>
  16.  
  17.     <mx:RadioButtonGroup id="radioGroup"
  18.             labelPlacement="{comboBox.selectedItem}" />
  19.  
  20.     <mx:HBox horizontalAlign="left" verticalGap="15">
  21.         <mx:RadioButton id="radioButton1"
  22.                 label="Red"
  23.                 group="{radioGroup}"
  24.                 opaqueBackground="0xFF00FF" />
  25.         <mx:RadioButton id="radioButton2"
  26.                 label="Orange"
  27.                 group="{radioGroup}"
  28.                 opaqueBackground="0xFF00FF" />
  29.         <mx:RadioButton id="radioButton3"
  30.                 label="Yellow"
  31.                 group="{radioGroup}"
  32.                 opaqueBackground="0xFF00FF" />
  33.         <mx:RadioButton id="radioButton4"
  34.                 label="Green"
  35.                 group="{radioGroup}"
  36.                 opaqueBackground="0xFF00FF" />
  37.         <mx:RadioButton id="radioButton5"
  38.                 label="Blue"
  39.                 group="{radioGroup}"
  40.                 opaqueBackground="0xFF00FF" />
  41.     </mx:HBox>
  42.  
  43. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

written by Minidxer  |  tags: , ,

Related Post

One Response to “Flex中通过设置labelPlacement属性设置RadioButton控件文本标签排列位置的例子”

Trackbacks

Leave a Reply