如何在Action Script 3.0中设计布局？

Question

我想设计一个使用ActionScript的注册表单，我设计了标签和文本框，但使用label.x =“10”label.y =“40”text.x =“50”text.y =“40” ...正确对齐。 但我想设计一个布局，使所有的标签和文本框都能正确对齐。 任何帮助或示例或文档？

Answer 1

如果您使用Flex，您可以使用HBox/VBox并设置百分比尺寸。否则，你可以创建一个辅助类（比如PositionUtils）来帮助你。

// position the displayobjects in list with margins 0, 5 and 10 
PositionUtils.alignVertical([txtHeader,txtBody, btnSend], [0,5,10]); 

Answer 2

如果你只在AS3中完成，没有框架，你可以考虑创建你自己的组件。

您可以创建一个FormField类，该类至少包含标签的TextField，以及用于文本输入的TextField。创建一个PARAMS制定者，这将帮助您自定义的各个方面，如标签&的为textInput，文本颜色，背景颜色，字体等的TextFormat之间的差额...

对于一个登记表，可以创建多个字段，并且您我们只需设置它们自然对齐的每个字段&的x值或y值。

Answer 3

尝试AS3Commons UI Layouts。这是我正在为此目的而开发的一个纯粹的AS3库。