1

次のような状況があります。

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

これで、上記の UIComponent の子として追加される 1 つの SVGDocument コンポーネントがあります。基本的にsvg画像です。このためにズーム機能を実装しました。そのため、マウスを上にスクロールしたり下にスクロールしたりすると、SVGDocument 要素がそれぞれズームインおよびズームアウトされます。UIComponent 'chart' にスクロール バーを追加して、SVGDocument が十分に大きくなったときにスクロール バーが表示されるようにします。現在、これを追加する方法が見つかりません。誰でも提案できますか?

4

2 に答える 2

1

UIComponentを (0,0) に配置し、SVG 画像の幅と高さに合わせてCanvasサイズを変更する必要があります。CanvasをラップするCanvasと、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

スクロールバーを手動で管理したくない場合はScrollerGroupコンポーネント (spark 用) または mx 用の何らかのコンポーネントを使用する必要があります。親の枠外への拡張を禁止するために制限またはサイズを設定するBoxことを忘れないでください。カスタムのスクロール動作が必要な場合は、のプロパティを手動で true に設定して、そのプロパティを処理できます。ScrollerBoxGroupclipAndEnableScrollingviewport

于 2013-04-15T11:56:08.397 に答える