Question

我刚刚完成了第一个接触flex的工作。到目前为止，我所有的项目都是非常小的固定大小的容器，应用程序中的所有东西都处于绝对位置。

下一个即将到来的项目需要更加动态的布局，需要一些建议。

该应用程序将包含3个容器（不确定要使用的容器）

容器1

将是应用程序的整个宽度和高度的四分之一。

容器2 将在容器1下方。它将是应用程序宽度的一半和高度的3个等级。

容器3 与容器2相同。

我希望能够折叠每个容器并让其他容器响应这个。

例如，我想折叠容器1，使容器2和3从3个高度变为100％高度。

如果我折叠容器2，则conatainer 1保持不变，但容器3从应用程序宽度的一半到宽度的100％。

这类事情难以做到。这是一个开始研究这个的好地方。

指向教程的链接很棒，或者提供任何有关建议的信息，不做也不应该提供帮助。

谢谢你们，

配音

Answer 1

我是从内存中写这个（因为我现在没有FB来测试它），所以让我知道如果这不起作用我将删除它。

<mx:VBox width="800" height="600">
  <custom:Comp1 width="100%" height="25%"/>
  <mx:HBox width="100%" height="75%">
    <custom:Comp2 width="50%" height="100%"/>
    <custom:Comp3 width="50%" height="100%"/>
  </mx:HBox>
</mx:VBox>

弃置某些内容时，请将其width和height设置为零。展开后，将其percentWidth和percentHeight设置为原始值。

尝试在任何地方使用100％并查看它是否有效;如果没有，请使用给定的值并按照以下步骤操作：

折叠comp1时，请将hbox的percentHeight设置为100
当您折叠comp2或comp3时，将另一个percentWidth设置为100。
恢复展开时的值。

flex中的可折叠布局

1 个答案: