Flex中的火花形式项目差距

时间:2011-02-26 12:00:59

标签: forms flex flex-spark gaps-in-visuals

有没有办法改变火花表格项目与其内容(textinput,conbobox)之间的空间?我已经将表单的“gap”属性设置为0,但表单输入之间仍然留有很多垂直空间。

5 个答案:

答案 0 :(得分:20)

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

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

答案 1 :(得分:11)

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

因此,创建皮肤,减少“内容”列区域中的数字并进行检查。

减少所有这些数字,差距应该收紧,同时设置表格布局的差距。

答案 2 :(得分:2)

如果要更改每个Spark Form项目之间的垂直间距,请基于FormSkin创建自定义外观并更改gap属性FormLayout。

如果要更改外观部件之间的水平间距(labelDisplay,indicatorDisplay,helpContentGroup,...),则需要基于FormItemSkin创建自定义外观并更改ConstraintColumn值

答案 3 :(得分:2)

我按照自定义的FormItem皮肤进行了更改,它对我有用:

之前:

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

后:

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

答案 4 :(得分:0)

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