Flex中的火花形式项目间隙答案

【问题标题】：spark form item gap in FlexFlex中的火花形式项目间隙
【发布时间】：2011-07-04 20:21:03
【问题描述】：

有没有办法改变火花表单项与其内容（文本输入、组合框）之间的空间？我已经将表单的“gap”属性设置为 0，但表单输入之间仍然有很多垂直空间。

【问题讨论】：

【解决方案1】：

我改变了我的自定义 FormItem 皮肤如下，它对我有用：

之前：

<s:ConstraintRow id="row1" baseline="maxAscent:10" height="100%"/>

之后：

<s:ConstraintRow id="row1" baseline="maxAscent:0" height="100%"/>

【讨论】：

【解决方案2】：

FormItemLayout 中还没有 paddingLeft、paddingRight 等属性。

【讨论】：

【解决方案3】：

将间隙设置为 -14 以使项目之间没有间隙

<s:Form>
    <s:layout>
        <s:FormLayout gap="-14"/>
    </s:layout>
    <s:FormItem .....>
</s:Form>

【讨论】：

【解决方案4】：

formItem 的 spark 皮肤具有基于“列”设置的左/右变量。 IE。 left="column1:10" 表示元素在第 1 列右侧 10 像素处。

所以，创建皮肤，减少“内容”列区域中的这些数字并检查它。

减少所有这些数字并缩小差距，同时在表单布局中设置差距。

【讨论】：

【解决方案5】：

如果你想改变每个Spark Form Item之间的垂直间隙，基于FormSkin创建一个自定义皮肤，并改变间隙属性FormLayout。

如果要改变皮肤部件（labelDisplay、indicatorDisplay、helpContentGroup、...）之间的水平间距，则需要基于FormItemSkin创建自定义皮肤并更改ConstraintColumn值

【讨论】：