(Flex) Comment pouvons-nous obtenir un imagesnapshot du composant entier sans barres de défilement?

Question

Je peux prendre un instantané d'un composant. Mais le problème est que le composant est plus gros avec des barres de défilement. L'image sauvegardée a des barres de défilement (seule la zone visible est enregistrée). Ce dont j'ai besoin, c'est que je veux que le composant entier soit sauvegardé en tant qu'image.

Cette fonctionnalité exacte est disponible lorsque nous imprimons le composant à l'aide de FlexPrintJob, où en définissant FlexPrintJobScaleType.NONE.

Mais ici, dans mon cas, je veux qu'il soit sauvegardé en utilisant ImageSnapShot (pas par FlexPrintJob).

Merci Advance, Sriss

Answer 1

Je pensais que je savais comment faire cela, mais il semble y avoir beaucoup de questions embarrassantes. Je l'ai eu le travail mais ce n'est pas gentil. :-(Peut-être que vous pouvez l'améliorer

Voici le code d'un exemple d'application Ci-dessous le code de la classe MyCanvas Lorsque vous cliquez sur le bouton, une image du conteneur Canvas mais sans barre de défilement doit être dessinée.

<?xml version="1.0" encoding="utf-8"?> 
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:my="*"> 
     <mx:Script><![CDATA[ 
      import flash.display.BitmapData; 
      import flash.events.Event; 
      import mx.containers.Canvas; 
      import mx.graphics.ImageSnapshot; 
      import flash.geom.Matrix; 
      import mx.core.ScrollPolicy; 

      public function onclick():void 
      { 
       var bitmapData:BitmapData = ImageSnapshot.captureBitmapData(canvas); 
       canvas.addEventListener("BitMapReady", onBitMapReady); 
       canvas.horizontalScrollPolicy = ScrollPolicy.OFF; 
       canvas.CreateBitMapData(); 
      } 
      private function onBitMapReady(e:Event):void 
      { 
       DrawBitmapDataAt(canvas.bitMapData, 100, 100); 
       canvas.removeEventListener("BitMapReady", onBitMapReady); 
       canvas.horizontalScrollPolicy = ScrollPolicy.AUTO; 
      } 
      private function DrawBitmapDataAt(bitmapData:BitmapData,x:int,y:int):void 
      { 
       var matrix:Matrix = new Matrix(); 
       matrix.tx = x; 
       matrix.ty = y; 
       box.graphics.lineStyle(0,0,0); 
       box.graphics.beginBitmapFill(bitmapData, matrix, false); 
       box.graphics.drawRect(x,y,bitmapData.width,bitmapData.height); 
      } 
     ]]></mx:Script> 
     <mx:Box id="box"> 
      <my:MyCanvas width="50" height="50" backgroundColor="white" id="canvas"> 
       <mx:Button label="Hello" click="onclick()" /> 
      </my:MyCanvas> 
     </mx:Box> 
    </mx:Application> 

classe MyCanvas:

package 
{ 
    import flash.events.Event; 
    import flash.events.TimerEvent; 
    import mx.containers.Canvas; 
    import flash.display.BitmapData; 
    import mx.core.ScrollPolicy; 
    import mx.graphics.ImageSnapshot; 
    import flash.utils.Timer; 

    public class MyCanvas extends Canvas 
    { 
     public var bitMapData:BitmapData; 
     private var creatingBitMap:Boolean = false; 
     private var timer:Timer; 

     public function CreateBitMapData():void 
     { 
      this.horizontalScrollPolicy = ScrollPolicy.OFF; 
      creatingBitMap = true; 
     } 
     override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void 
     { 
      super.updateDisplayList(unscaledWidth, unscaledHeight); 
      if (creatingBitMap == true && this.horizontalScrollBar == null) 
      { 
       bitMapData = ImageSnapshot.captureBitmapData(this); 
       this.dispatchEvent(new Event("BitMapReady")); 
       creatingBitMap = false; 
       timer = new Timer(10); 
       timer.addEventListener(TimerEvent.TIMER, onTimer); 
       this.width += 1; 
       timer.start(); 
      } 
     } 
     private function onTimer(e:TimerEvent):void 
     { 
      this.width -= 1; 
      trace("timer"); 
      timer.removeEventListener(TimerEvent.TIMER, onTimer); 
      timer.stop(); 
     } 
    } 
}