将s：Scroller视口的内容设置为100％高度

Question

有没有办法让卷轴内的组件内容达到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

这是一个解决方法：将组放在另一个组中，然后按预期工作。