Question

在Flex中制作多列表单的最佳方法是什么？

如果需要多个列，我当前的解决方案是将表单项放在<s:HGroup>内，但对齐不是最好的。

有更好的方法吗？

谢谢你，佛瑞德

Answer 1

我没有机会真正探索新的Spark Form控件，但他们做的一件事就是重新引入约束列和行。也许他们中的Flex 3下使用的，但我很伤心，看到他们在Flex 4中去了。

您应该能够设置一些行和列来放置表单元素，并以这种方式在列之间保持对齐。

一些Adobe资源：

Answer 2

如何使用网格控件。与使用Hbox / Hgroup的性能不同，但仍然可以满足您的需求。 http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/containers/Grid.html#includeExamplesSummary

<s:VGroup left="10" right="10" top="10" bottom="10">
        <s:Label width="100%" color="blue" 
            text="A 3 by 3 Grid container of Button controls."/>

        <mx:Grid>
            <mx:GridRow>
                <mx:GridItem>
                    <s:Button label="Row 1 Col 1" width="100"/>
                </mx:GridItem>
                <mx:GridItem>
                    <s:Button label="Row 1 Col 2" width="100"/>
                </mx:GridItem>
                <mx:GridItem>
                    <s:Button label="Row 1 Col 3" width="100"/>
                </mx:GridItem>
            </mx:GridRow>

            <mx:GridRow>
                <mx:GridItem>
                    <s:Button label="Row 2 Col 1" width="100"/>
                </mx:GridItem>
                <mx:GridItem>
                    <s:Button label="Row 2 Col 2" width="100"/>
                </mx:GridItem>
                <mx:GridItem>
                    <s:Button label="Row 2 Col 3" width="100"/>
                </mx:GridItem>
            </mx:GridRow>

            <mx:GridRow>
                <mx:GridItem>
                    <s:Button label="Row 3 Col 1" width="100"/>
                </mx:GridItem>
                <mx:GridItem>
                    <s:Button label="Row 3 Col 2" width="100"/>
                </mx:GridItem>
                <mx:GridItem>
                    <s:Button label="Row 3 Col 3" width="100"/>
                </mx:GridItem>
            </mx:GridRow>
        </mx:Grid>
    </s:VGroup>

Adobe Flex中的多列表单

2 个答案: