Flex 4.6 spark FormItem内部间隙（填充）无法删除？

Question

使用Flex 4.6 spark表单，我遇到了奇怪的行为：

FormItem元素总是有内部间隙（填充），无法删除。

图片上的红色区域表示我无法摆脱的不需要的GAP 。 蓝色边框代表Form组件。灰色边框（细）代表FormItem组件。

FormItem没有padding或gap属性。

这是上面图片的代码：

    <s:Form id="form">
        <s:layout>
            <s:FormLayout gap="0"
                          paddingBottom="50"
                          paddingTop="0"/>
        </s:layout>
        <s:FormItem width="100%" label="RC">
            <s:TextInput id="myTextInput" width="215"/>
        </s:FormItem>
    </s:Form>

开发移动设备时，您希望充分利用屏幕上的每个像素。这对我来说是不可接受的，因为我想要有几个TextInput字段并且这个差距会浪费很多空间......

所以我的问题是，可以删除红色GAP吗？我希望我的FormItem拥有padding 0 - 意味着TextInput边框会触及FormItem边框......

Answer 1

这样的事情通常由组件的皮肤管理，因此您需要为FormItem组件提供自己的皮肤。最简单的方法是复制Adobe提供的皮肤并进行一些调整，以达到您的要求。最重要的是，您必须在baseline maxAscent:0 row1上设置ConstraintRow至bottom，row1:0 sequenceLabelDisplay设置为labelDisplay contentGroup 1}}和{{1}}组件。