Размер по размеру FormItem высота

Question

Я положил FormItem в форме, как показано ниже.

<mx:Form width="100%"> 
      <mx:FormItem label="Context Aware" width="100%" backgroundColor="red"> 
       <editorControls:CheckBox/> 
      </mx:FormItem> 
     </mx:Form> 

Существует разрыв между фактической высотой контента и границей элемента формы. Любая идея о том, как строго соответствовать высоте FormItem для контента?

Это изображение:

Answer 1

Флажок на самом деле кнопка с изображением наложена на него, как икону. Значок - это поле с некоторым пробелом, как изображение. Вам нужно будет создать новое изображение, которое не имеет пробелов, и заменить текущий значок. Помните, что это относится к downstate и т. Д., Поэтому вам понадобится серия похожих изображений. (см. Adobe Button docs example).

Конечно, вы также должны установить verticalGap и indicatorGap, а также paddingTop 0, на CheckBox, FormItem и Form. (см. справку Adobe Flex по адресу Form, FormHeading, and FormItem layout containers, раздел «Выставление форм»).

Вот некоторые примеры кода:

<mx:Form width="100%" backgroundColor="0x0000ff" verticalGap="0" paddingTop="0" indicatorGap="0"> 
    <mx:FormItem label="Context Aware" width="100%" backgroundColor="0x00ff00" verticalGap="0" paddingTop="0" indicatorGap="0"> 
     <mx:CheckBox verticalGap="0" paddingTop="0" icon="@Embed('cbIcon.gif')"/> 
    </mx:FormItem> 
</mx:Form> 

(.. Если ответ неверен, пожалуйста, дайте мне знать, если это правильно, пожалуйста, проверьте его как "правильно")