flex 放大缩小源码

 <?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Zoom effect. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Style />
    <mx:Script>
        <![CDATA[       
            import flash.events.MouseEvent;
           // import mx.skins.halo.ComboBoxArrowSkin;
            //import mx.skins.halo.PanelSkin;
           
           
    private function button_clickZoomIn(evt:MouseEvent):void{
        zoomAll.zoomWidthFrom=zoomAll.zoomWidthTo;
        zoomAll.zoomHeightFrom=zoomAll.zoomHeightTo;
        zoomAll.zoomHeightTo+=1;
        zoomAll.zoomWidthTo+=1;
        zoomAll.play([box],evt.buttonDown);
    }    
    private function button_clickZoomOut(evt:MouseEvent):void{
        if(zoomAll.zoomHeightTo > 1 && zoomAll.zoomWidthTo >1)
        {
        zoomAll.zoomWidthFrom=zoomAll.zoomWidthTo;
        zoomAll.zoomHeightFrom=zoomAll.zoomHeightTo;
        zoomAll.zoomHeightTo-=1;
        zoomAll.zoomWidthTo-=1;
        zoomAll.play([box],evt.buttonDown);
        }        
    }    
        ]]>   
    </mx:Script>
    <mx:ApplicationControlBar x="200">        
        <mx:Button id="zoomInBtn" label="放大" click="button_clickZoomIn(event);"/>
        <mx:Button id="zoomOutBtn" label="缩小" click="button_clickZoomOut(event);"/>
    </mx:ApplicationControlBar>    
    <mx:Zoom id="zoomAll" zoomWidthTo="1" zoomHeightTo="1" zoomWidthFrom="1" zoomHeightFrom="1" />
    <mx:Panel title="Zoom Effect Example" width="950" height="950" horizontalAlign="center"
        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
        
        <mx:Box id="box">
        <mx:Text width="100%" color="blue"
            text="Move the mouse over the image to enlarge it. Move the mouse off of the image to shrink it."/>
           </mx:Box>

    </mx:Panel>
</mx:Application>