flash - Flex 3.4 - mx:Tree を 100% または調整可能なサイズで設定する

Question

私はこれをやろうとしています: 3 つの部分を持つ小さなパネル、ラベル (ヘッダー) のある上位、いくつかのボタン (フッター) のある下位、mx:Tree のある中央のパネルで、このパネルはサイズ変更可能です (は最小サイズのプラグインです)。

mx:Tree のサイズを拡張して、このパネルの残りの表示領域を使用するにはどうすればよいですか? サイズの%が使えないのですが、何か方法はありますか？

Answer 1

ヘッダーとフッターの長さが固定されている場合は、ツリーの高さをパネルの高さにバインドできます。

<s:Panel id="upPanel"
    width="220" height="100"
    minHeight="80"
    minWidth="200"
    styleName="resizePanel"
    skinClass="flex.utils.spark.resize.ResizablePanelSkin"
    title="ResizablePanelSkin">
    <mx:Tree width="{upPanel.width - 1}" height="{upPanel.height - 70}">
        <mx:XMLListCollection id="MailBox">
            <fx:XMLList>
                <AA/>
                <BB>
                    <BB1/>
                </BB>
                <CC/>
            </fx:XMLList>
        </mx:XMLListCollection>
    </mx:Tree>
    <s:controlBarContent>
        <s:Button label="ControlBar Button"/>
    </s:controlBarContent>
</s:Panel>

それ以外の場合は、上下の要素の高さを再計算し、ツリーのサイズを設定する必要があります。

これは私がオンラインに置いたデモです。ソースの表示が有効になっています。

（私のデモはこれに基づいています）