如何对齐“标签：”后面跟着一个RadioButtonGroup？

Question

请告诉我，如何在 Flex 4.5 中对齐标签和单选按钮：

RadioTest.mxml：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" 
               minWidth="955" minHeight="600">

    <fx:Declarations>
        <s:RadioButtonGroup id="_group" itemClick=""/>
    </fx:Declarations>

    <s:HGroup>
        <s:Label text="Playing tables:" verticalAlign="bottom" />
        <s:RadioButton groupName="_group" label="All" />
        <s:RadioButton groupName="_group" label="Vacant" />
        <s:RadioButton groupName="_group" label="Full" />
    </s:HGroup>
</s:Application>

必须有一些标准方法......

Answer 1

只需将 verticalAlign="baseline" 添加到 HGroup 即可：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx" 
    minWidth="955" minHeight="600">

    <fx:Declarations>
        <s:RadioButtonGroup id="_group" itemClick=""/>
    </fx:Declarations>

    <s:HGroup verticalAlign="baseline">
        <s:Label text="Playing tables:" verticalAlign="bottom" />
        <s:RadioButton groupName="_group" label="All" />
        <s:RadioButton groupName="_group" label="Vacant" />
        <s:RadioButton groupName="_group" label="Full" />
    </s:HGroup>
</s:Application>