如何对齐"Label:"后跟RadioButtonGroup？

Question

请告诉我,如何在Flex 4.5中对齐Label后跟RadioButtons:

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>