Question

flex4中form怎么设置间隔？

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" horizontalAlign="center" paddingTop="10">

<s:Group width="100%" height="30%">
<s:Group >
<s:BitmapImage source="@Embed('assets/images/background/group_img.png',scaleGridTop='10',scaleGridBottom='60',scaleGridLeft='120',scaleGridRight='200')"
y="6" width="{vgroptop.width+50}" height="{vgroptop.height+50}"/>
<s:Label text="设备信息" x="40" fontSize="14" fontFamily="黑体" />

</s:Group>

<s:VGroup id="vgroptop" y="30" width="30%" height="30%" horizontalAlign="center"
horizontalCenter="1">

<s:Form width="80%" height="30%" >
<s:HGroup height="30%" >
<s:FormItem label="设备名称" >
<s:TextInput id="deviceName"/>
</s:FormItem>
<s:FormItem label="设备类型">
<s:ComboBox id="deviceType"/>
</s:FormItem>
<s:FormItem label="关键级别">
<s:TextInput id="keyLevel"/>
</s:FormItem>
</s:HGroup>

<s:HGroup height="30%">
<s:FormItem label="创建时间">

<mx:DateField id="createTimeLabel"/>
</s:FormItem>
<s:FormItem label="最后修改时间">
<mx:DateField id="modifyTimeLabel"/>
</s:FormItem>
<s:FormItem label="创建人员">
<s:TextInput id="creator"/>
</s:FormItem>
</s:HGroup>

<s:HGroup height="30%">

<s:FormItem label="最后修改人员">
<mx:TextInput id="modifier"/>
</s:FormItem>

<s:FormItem label="管理IP">
<mx:TextInput id="manageIP"/>
</s:FormItem>

<s:FormItem label="所属环境">
<s:ComboBox id="environment"/>
</s:FormItem>
</s:HGroup>

</s:Form>

</s:VGroup>

</s:Group>

</mx:VBox>

Answer 1

<s:Form width="80%" height="30%">
                <!-- 更改垂直间距 -->
                <s:layout>
                    <s:FormLayout gap="-14" />
                </s:layout>
                <!-- 更改水平间距 -->
                <s:HGroup height="30%" gap="-30">
                    <s:FormItem label="设备名称">
                        <s:TextInput id="deviceName"/>
                    </s:FormItem>
                    <s:FormItem label="设备类型" >
                        <s:ComboBox id="deviceType"/>
                    </s:FormItem>
                    <s:FormItem label="关键级别">
                        <s:TextInput id="keyLevel"/>
                    </s:FormItem>
                </s:HGroup>
</s:Form>

Answer 2

设置TextArea段落方向间隔。

下面是main.mxml：

<?xml version="1.0" encoding="utf-8"?>
<s:Application name="Spark_TextArea_paragraphSpaceBefore_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/halo">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <mx:ApplicationControlBar width="100%" cornerRadius="0">
        <mx:Form styleName="plain">
            <mx:FormItem label="paragraphSpaceBefore:">
                <s:HSlider id="sliderBefore" liveDragging="true" />
            </mx:FormItem>
            <mx:FormItem label="paragraphSpaceAfter:">
                <s:HSlider id="sliderAfter" liveDragging="true" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar> 
    <s:Group width="100%" height="100%">
        <s:TextArea id="textArea"
                textAlign="justify"
                paragraphSpaceBefore="{sliderBefore.value}"
                paragraphSpaceAfter="{sliderAfter.value}"
                left="10" right="10"
                top="10" bottom="10">
            <s:content>
                <fx:String source="lorem.html" />
            </s:content>
        </s:TextArea>
    </s:Group>
</s:Application>