大小到内容的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

该复选框实际上是一个图像叠加在其上的按钮，作为图标。图标是一个带有一些空白的框，作为图像。您将不得不创建一个没有空格的新图像，并替换当前图标。请记住，这适用于下州等，因此您需要一系列类似的图像。 （参见Adobe的Button docs example）。

当然，您还必须在verticalGap，indicatorGap和{paddingTop上设置CheckBox和FormItem以及Form为0 {1}}。 （比如，Adobe Form, FormHeading, and FormItem layout containers的Flex帮助，标题为“铺设表单”的部分。）

以下是一些示例代码：

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

（如果答案错误，请告诉我。如果是，请将其检查为“正确”。）