当将相对尺寸设置为滚动条时，在滚动条中缩放图像会调整滚动条的大小

Question

我想在我的应用程序中相对地放置一个滚动条，如下所示。缩放图像时，将调整滚动条的大小...

<s:Scroller width="50%" height="50%" >
  <s:Group>
   <mx:Image 
       id="img"
       source="sample.jpg"
       />
  </s:Group>
 </s:Scroller>

如果我按如下所示为滚动条设置绝对尺寸，则不会调整大小（我想要的行为）

 <s:Scroller width="400" height="400" >
  <s:Group>
   <mx:Image 
       id="img"
       source="sample.jpg"
       />
  </s:Group>
 </s:Scroller>

..但我的意图是相对于其他组件放置滚动条。有任何解释/解决方案吗？

Answer 1

这是因为Group没有尺寸，所以它得到一个已测量的尺寸，并成为其集体子级尺寸的大小。然后Scroller有一个ScrollerLayout，它可以调整Scroller的大小：如果它具有明确的宽度/高度，则使用该宽度/高度，否则使用其内容尺寸。 Flex似乎忽略了百分比大小调整。

以ScrollerLayout source方法检查updateDisplayList。它不考虑滚动条的百分比大小：/。

希望有帮助，长矛

Answer 2

谢谢，它可以工作（但只能通过在Scroller中设置百分比）。例如：

<s:HGroup width="50%" height="50%">


<s:Scroller width="100%" height="100%" >
    <s:Group>
        <mx:Image 
            id="img"
            source="sample.jpg"
            />
    </s:Group>
</s:Scroller>

<s:Button label="Zoom+" click="{zoomPlus()}">
</s:Button>
</s:HGroup>