將s：Scroller視口的內容設置爲100％高度

Question

是否有辦法將scroller內的組件的內容設置爲100％的高度。

這裏是一個簡單的例子：

<s:Scroller width="100%" height="100%"> 
<s:viewport> 
    <s:Group height="100%"> 
    <s:Rect width="10" height="500"> 
    <s:fill> 
    <s:SolidColor color="0xFF0000"/> 
    </s:fill> 
    </s:Rect> 
    <s:Rect width="10" x="10" height="100%"> 
    <s:fill> 
    <s:SolidColor color="0x00FF00"/> 
    </s:fill> 
    </s:Rect> 
    <s:Rect width="10" x="20" height="100"> 
    <s:fill> 
    <s:SolidColor color="0x0000FF"/> 
    </s:fill> 
    </s:Rect> 
    </s:Group> 
</s:viewport> 
</s:Scroller> 

如果您運行此代碼，然後向下滾動了一下，這是你會得到什麼：

正如你所看到的，綠（設置爲100％高度）僅使用視口的高度，而不是其父視圖的父視圖的高度，紅色視圖的高度爲500px。

有沒有辦法解決這個問題？

Answer 1

以下是一種解決方法：將該組放在另一個組中，然後按預期工作。