フレックス4 - TitleWindowの垂直レイアウトの問題

Question

これは単純な問題でなければならないが、私はその周りに頭を浮かべることができない。サイズ変更可能なタイトルウィンドウがあります。内部では、フォームの内容を保持するVGroupと、下部にいくつかのボタンを持つHGroupが必要です。非常に標準的なもの。

<!-- Content --> 
<s:VGroup id="content" height="340" width="100%"> 
     ...more stuff in here... 
</s:VGroup> 


<!-- Buttons --> 
<s:HGroup id="buttonGroup" width="100%"> 
    ...buttons in here... 
</s:HGroup> 

。水平サイズ変更が正常に動作します。しかしTitleWindowを垂直方向にリサイズして、ボタンがTitleWindowに対して同じ場所に留まり、コンテンツVGroupが垂直方向にリサイズされるように動作させたい。しかし、私はVGroupの高さをどのように設定するのか分からない。

理想的にはこのようになります：

height="{this.parent.height - buttonGroup.height - top* 

またはそのような何か....

Answer 1

を好きなら、いくつかのパディングとマージンを追加します。また、次のトリックを試すことができます：

<s:VGroup id="layoutContainer" width="100%" height="100%"> 

    <s:SkinnableContainer id="content" height="100%"> 
     ....content here.... 
    </s:SkinnableContainer> 

    <!-- Buttons --> 
    <s:HGroup id="buttonGroup"> 
     ... buttons here... 
    </s:HGroup> 
</s:VGroup> 

意図は、コンテンツ・コンテナTAを作ることですVGroup内の垂直方向のスペースを可能な限り小さくします。

それがあなたのために働いた場合は教えてください！

Answer 2

使用制約プロパティ。あなたはASのために試みることができる ：

content.top = 0; 
content.bottom = buttonGroup.height; 
buttonGroup.bottom = 0; 

しかし、より良い部品

<s:VGroup id="content" top="0" bottom="{buttonGroup.height}" width="100%"> 
     ...more stuff in here... 
</s:VGroup> 
<s:HGroup id="buttonGroup" bottom="0" width="100%"> 
    ...buttons in here... 
</s:HGroup> 

のMXML定義にそれを置くあなたが