如何在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。创建一个参数设置器，它可以帮助您自定义各个方面，例如标签和标签之间的边距。 textInput，文本颜色，背景颜色，字体，textformat等......

对于注册表单，创建多个字段，您只需为每个字段设置x或y值。他们会自然地对齐。

Answer 3

试试AS3Commons UI Layouts。这是我正在为此目的开发的纯AS3库。