2011-03-09 67 views
2

如下圖所示,我的應用程序中有一個表單。 有3個FormItems,其中兩個包含一個ComboBox和一個帶有ComboBox和Image的HGroup。
在最後一個FormItem中,標籤不是垂直居中。Adob​​e Flex:表單控件中標籤的垂直對齊

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> 

problem

+0

你可以發佈代碼嗎? – Nek 2011-03-09 10:32:30

+0

對不起,我忘了:)我將代碼添加到問題中。 – hering 2011-03-09 10:35:40

回答

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

應該補充說,使用上述技術應確保您的標籤垂直對齊。 – 2011-03-09 11:54:15

+0

它的工作原理,非常感謝:) – hering 2011-03-09 13:20:49

+0

當你這樣做時,你不能垂直居中在FormItem中的元素。如果有人遇到同樣的問題,解決方法是將元素的高度設置爲相同的固定值。 (Flex3依然存在) – Kodiak 2016-02-18 10:41:22