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

Posted 2021-04-05

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

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

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

答案

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

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

希望有帮助，长矛

另一答案

谢谢，它可以工作（但只能通过在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>