0

チャートの下にドラッグ可能なビューポートを備えたミニマップを表示しようとしています。私は本質的にチャートのビューポートを制御するためにこれを持っています:

<mx:annotationElements>
 <mx:HDividedBox id="dividedBox" horizontalScrollPolicy="off" width="100%" height="100%" liveDragging="true" borderSides="bottom top">
     <mx:Canvas id="leftBox" backgroundColor="#FFFFFF" backgroundAlpha="0.5" width="50%" height="100%" borderColor="#333333" borderThickness="1" borderStyle="solid" borderSides="top right bottom" />
     <mx:Canvas id="centerBox" backgroundColor="#FFFFFF" backgroundAlpha="0" width="50%" height="100%" buttonMode="true" minWidth="100" mouseDown="rangeWindowMouseHandler(event);" mouseUp="rangeWindowMouseHandler(event);" mouseMove="rangeWindowMouseHandler(event);" />
     <mx:Canvas id="rightBox" backgroundColor="#FFFFFF" backgroundAlpha="0.5" width="0%" height="100%" borderColor="#333333" borderThickness="1" borderStyle="solid" borderSides="top left bottom" />
  </mx:HDividedBox>
</mx:annotationElements>

次のスクリプトを使用します。

private function rangeWindowMouseHandler(event:MouseEvent):void { 
    if(event.target === centerBox) {  
     var coords:Object = rangeDragCoordinates; 

     switch(event.type.toLowerCase()) {
      case 'mousedown':
       rangeDrag = true;
       break;
      case 'mouseup':
       rangeDrag = false;       
       break;
      case 'mousemove':           
       if(rangeDrag) {        
        var xDiff:Number = -(coords.x - event.stageX) * 4.0;

        for(var i:Number = 0; i < dividedBox.numDividers; i++) {         
         dividedBox.moveDivider(i, xDiff);
        }  

       }
       break;
     }

     coords.x = event.stageX;
     coords.y = event.stageY;
    }
   }

問題は、一度に実際に移動する仕切りは 1 つだけです。次の分割線を移動する前に約 50 ミリ秒のタイムアウトを設定すると、両方の分割線が移動することがわかりました。ただし、これはかなり扱いにくい方法のように思われ、エラーが発生しやすくなります。

HDividedBox で 2 つの仕切りを同時に移動できるかどうか、または別のアプローチを取る必要があるかどうかを知っている人はいますか?

4

1 に答える 1

1

すぐに呼び出すのではなく、callLater を使用して他のディバイダーの更新を呼び出す必要がありました。

于 2010-05-05T21:20:02.243 に答える