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

Question

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

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组件提供你自己的皮肤。最简单的方法是复制 Adob​​e 提供的皮肤并进行一些调整以完成您的要求。最重要的是，您必须在row1 ConstraintRow 和bottom 上将baseline 设置为maxAscent:0 和sequenceLabelDisplay、labelDisplay 和contentGroup 组件上的row1:0。