Adobe Flex：Form控件中标签的垂直对齐方式

Question

如下图所示，我的申请表中有一张表格。 有3个FormItems，其中两个包含一个ComboBox，另一个包含一个带有ComboBox和Image的HGroup。 在最后一个FormItem中，标签不是垂直居中的。

FormItem 2-3（图片红色）之间的差异是18px FormItem 1-2（pic绿色）之间的差异是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的“direction”属性并将其设置为“水平”。所以你的代码现在是：

<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>