Flex Spark Form 水平布局答案

【问题标题】：Flex Spark Form Horizontal layoutFlex Spark Form 水平布局
【发布时间】：2012-11-28 17:57:57
【问题描述】：

我有一个水平布局的 Spark 表单，我想减少顶部和底部的垂直填充。在HorizontalLayout 上使用paddingBottom/paddingTop 或者在FormItem 上使用paragraphSpaceBefore 或使用paragraphSpaceBefore 会减少表单前后的垂直空间。

<s:Form width="100%" height="50%" fontSize="15">
    <s:layout>
        <s:HorizontalLayout  verticalAlign="middle"  gap="3" paddingBottom="0" paddingTop="0">
        </s:HorizontalLayout>
    </s:layout>
    <s:FormItem   > 
        <mx:DateField id="selDateFrom" formatString="DD/MM/YYYY" selectedDate="{new Date()}">
        </mx:DateField>
    </s:FormItem>
    <s:FormItem > 
        <mx:DateField id="selDateTo" formatString="DD/MM/YYYY" >
        </mx:DateField>
    </s:FormItem>
</s:Form>

有人可以帮我吗？

大卫

【问题讨论】：

您必须为此创建自己的 s:FormSkin。

标签： apache-flex flex-spark

【解决方案1】：

我创建了一个像这样的自定义FormSkin 并且它可以工作：

  <s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        xmlns:fb="http://ns.adobe.com/flashbuilder/2009" 
        alpha.disabled="0.5">
    [...]
    <s:Group id="contentGroup" showErrorSkin="true" showErrorTip="true" 
             left="0" right="0" top="0" bottom="0">
        <s:layout>
            <s:FormLayout gap="7"/>
        </s:layout>
    </s:Group>
  </s:Skin>

谢谢

【讨论】：