Flex 4 - TitleWindow上的垂直佈局問題

這一定是一個簡單的問題，但我無法理解它。我有一個可調整的標題窗口。在內部，我只想讓VGroup擁有表格的內容，而HGroup在底部有幾個按鈕。非常標準的東西。Flex 4 - TitleWindow上的垂直佈局問題

<!-- 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*

或類似的東西....

來源

2011-09-15 HDave

你也可以嘗試下面的技巧：

<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儘可能地在V組內儘可能地垂直空間。

讓我知道，如果這對你有用！

來源

2011-09-16 13:04:18

與VerticalLayout合作的聖牛！我真的沒有料到它，我也不明白。我會認爲將高度設置爲100％會佔用整個容器，而且事情會重疊，但我想VGroup的行爲是我認爲更好的程序設計。無論如何，你是我的英雄......謝謝。 – HDave

使用約束性。你可以嘗試AS：

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

但最好把它的組件的MXML定義

<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>

添加一些填充和利潤率，如果你喜歡

來源

2011-09-15 20:04:01

感謝 - 這與BasicLayout一起工作，但我忘記提及我正在嘗試使用VerticalLayout。我不知道我爲什麼如此卡住這個...得更多的睡眠！ – HDave

@Deshene這肯定會奏效。唯一我不喜歡的是數據綁定。如果您嘗試使用CSS修復此佈局，您將無法設置底部。 –

Flex 4 - TitleWindow上的垂直佈局問題

回答

相關問題