apache-flex - 调整 flex 组件的高度以填充舞台上的可用空间

Question

我正在尝试使用 mxml 在 flex 中创建一个布局，该布局包含一个 Canvas 组件和一个 Box。布局应始终使 Box 位于应用程序的底部边缘并具有固定高度，而 Canvas 填充剩余的舞台区域并且不与 Box 重叠。

我的MXML如下；

<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml"
width="100%" height="100%" layout="absolute" clipContent="false" verticalGap="0">
    <mx:Canvas width="100%" height="100%" />

    <mx:Box width="100%" height="30"></Box>
</mx:Module>

我尝试使用动态绑定(bind)来设置 Canvas 上的高度 (height="{this.stage.height - 30}")，但它会产生错误的结果。

有没有一种简单的方法可以在不使用 Actionscript 设置高度的情况下实现我所追求的目标？

Answer 1

<Module layout="vertical" xmlns="...">
  <Canvas width="100%" height="100%">
  <HBox width="100%" height="30"/>
</Module>

通过设置 layout="vertical"，Module 将或多或少像 VBox 一样工作。 Canvas 设置为 100% 垂直和水平填充，但将为 HBox 留出空间，因为它具有明确的高度。