Flex 4 - 如何对齐FormItem标签和TextInput？

Question

我的 FormItem 包含标签和 TextInput 控件。

示例代码

    <s:FormItem id="mobileLabel" label="Mobile Number">
        <s:TextInput id="mobileInput"/>
    </s:FormItem>
    <s:FormItem id="emailLabel" label="Email ID" required="true">
        <s:HGroup>
            <s:TextInput id="emailInput"/>
            <s:Label id="bindingLabel" text="@xyz.com"/>
        </s:HGroup> 
    </s:FormItem>

输出如下：

如何将标签文字对齐为标签的底部？ 像这样

Answer 1

您可以使用HGroup的proberty verticalAlign。然后您的HGroup语句将如下所示：

<s:HGroup verticalAlign="middle">
  <s:TextInput id="emailInput"/>
  <s:Label id="bindingLabel" text="@xyz.com"/>
</s:HGroup>