Adobe Flex：表单控件中标签的垂直对齐

Question

如下图所示，我的应用程序中有一个表单。 共有 3 个 FormItem，其中两个包含一个 ComboBox，一个包含一个 HGroup，其中包含一个 ComboBox 和一个 Image。
在最后一个 FormItem 中，标签没有垂直居中。

FormItem 2-3（红色图片）之间的差异是 18px。
FormItem 1-2（图中绿色）之间的差异是22px。

我认为这是因为 HGroup，但我不知道如何解决这个问题。
有什么提示吗？

代码是：

<mx:Form>
  <mx:FormItem id="type" label="xxx:">
    <s:ComboBox />
  </mx:FormItem>
  <mx:FormItem label="xxx:">
    <s:ComboBox />
  </mx:FormItem>
  <mx:FormItem label="xxx:">
    <s:HGroup verticalAlign="middle"
              height="25">
        <s:ComboBox />
        <mx:Image source="@Embed(source='assets/icons/info_xsmall.png')" />
    </s:HGroup>
  </mx:FormItem>
</mx:Form>

Answer 1

您需要 HGroup 吗？而是尝试使用 FormItem 的“方向”属性并将其设置为“水平”。所以你的代码现在是：

<mx:Form>
  <mx:FormItem id="type" label="xxx:">
    <s:ComboBox />
  </mx:FormItem>
  <mx:FormItem label="xxx:">
    <s:ComboBox />
  </mx:FormItem>
  <mx:FormItem label="xxx:" direction="horizontal">
        <s:ComboBox />
        <mx:Image source="@Embed(source='assets/icons/info_xsmall.png')" />
  </mx:FormItem>
</mx:Form>