1

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

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

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

容器 1

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

Container 2 将位于 Container 1 下方。它将是应用程序宽度的一半和高度的 3 quaters。

容器 3将与容器 2 相同。

我希望能够折叠每个容器并让其他容器对此做出响应。

例如，我想折叠容器 1，以便容器 2 和 3 从 3 quaters 高度变为 100% 高度。

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

这种事情会不会很难做。哪里是开始研究这个的好地方。

一个教程的链接会很棒，或者任何提供一些建议的建议，做/不做也会有很大的帮助。

多谢你们，

配音

4

1 回答 1

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。
  • 恢复扩展时的值。
于 2010-07-06T09:40:32.333 回答