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

发布于 2024-08-24 13:16:08 字数 547 浏览 16 评论 0原文

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

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

..但我的目的是相对于其他组件定位滚动条。有什么解释/解决方案吗？

原文

I would like to position relatively a scroller in my application like below.
When I scale the image, I resize the scroller...

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

If I set absolute dimension to the scroller like below, it does not resize (behaviour I want)

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

.. but my intention is to position the scroller relatively to other components.
Any explanations/solutions?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

少女净妖师 2024-08-31 13:16:08

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

查看 ScrollerLayout 源，位于 updateDisplayList 方法中。它没有考虑滚动条的百分比大小：/。

希望有帮助，
槊

回复收藏 0 原文

蹲在坟头点根烟 2024-08-31 13:16:08

谢谢，它有效（但只能通过在滚动条中设置百分比来实现）。例如：

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

Thanks, it works (but only by setting the percents in the Scroller). For example:

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

回复收藏 0 原文

~没有更多了~