1

我有以下情况。

<mx:Canvas id="canvas" height="100%" width="100%">
<mx:UIComponent id="chart" width="100%" height="100%"/> 
</mx:Canvas>

现在有一个 SVGDocument 组件作为子组件添加到 UIComponent 之上。它基本上是 svg 图像。我已经为此实现了缩放功能。因此，在鼠标向上滚动和鼠标向下滚动时，SVGDocument 元素分别被放大和缩小。我想向 UIComponent 'chart' 添加滚动条，这样只要 SVGDocument 变得足够大，就会出现滚动条。目前我没有找到任何方法来添加它。有人可以建议吗？

4

2 回答 2

1

您需要将UIComponentat (0,0) 定位在 上Canvas并调整大小Canvas以匹配 SVG 图像的宽度和高度。将其包裹Canvas在 a 中Box，您将在需要时使用滚动条。这是显示或隐藏滚动条的Canvas大小。Box

<mx:Box width="100%" height="100%">
  <mx:Canvas id="canvas"><!-- set width & height to match SVG image -->
    <mx:UIComponent id="chart" x="0" y="0"/>
  </mx:Canvas>
</mx:Box>
于 2013-11-13T18:40:09.170 回答
0

如果您不想手动管理滚动条，则应使用Scroller和Group组件（用于 spark）或某种用于 mx。Box不要忘记限制Scroller或Box大小以禁止它们扩展到其父边界之外。如果你想要自定义滚动行为，你可以手动将Group's 的clipAndEnableScrolling属性设置为 true 并处理它的viewport属性。

于 2013-04-15T11:56:08.397 回答