zoukankan      html  css  js  c++  java
  • Flex 图片缩放、托拽效果 Zoom版

    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  
        layout
    ="absolute"     width="1014" height="590" applicationComplete="app(event)" horizontalScrollPolicy="off" verticalScrollPolicy="off" verticalAlign="middle" horizontalAlign="center">
        
    <mx:Script>
            
    <![CDATA[
                import mx.events.EffectEvent;
                import mx.controls.Alert;
                import mx.events.FlexEvent;
                protected function app(event:FlexEvent):void
                {
                img.addEventListener(MouseEvent.MOUSE_DOWN, imgMouseDown);
                img.addEventListener(MouseEvent.MOUSE_UP, imgMouseUp);
                this.addEventListener(MouseEvent.MOUSE_WHEEL, imgZoom);
                }
                private function imgMouseDown(evt:MouseEvent):void
                {
                    evt.currentTarget.startDrag();
                }
                private function imgMouseUp(evt:MouseEvent):void
                {
                    evt.currentTarget.stopDrag();
                }
                private function imgZoom(evt:MouseEvent):void
                {
                    var w:Number = evt.delta;
                    var z:Number = fd.zoomHeightTo;
                    if(w > 0 && z < 3)
                    {
                        fd.stop();
                        fd.zoomHeightTo +=0.1;
                        fd.zoomWidthTo +=0.1;
                        fd.play();
                    }
                    if(w < 0 && z > 0.2)
                    {
                        fd.stop();
                        fd.zoomHeightTo -=0.1;
                        fd.zoomWidthTo -=0.1;
                        fd.play();
                    }

                }
                
            
    ]]>
        
    </mx:Script>
        
    <mx:Image y="123" id="img" source="1.jpg" x="257"/>
        
    <mx:Zoom id="fd" target="{img}"  zoomHeightTo="1"  zoomWidthTo="1" duration="600"/>  

    </mx:Application>
  • 相关阅读:
    申诉电信ADSL宽带限速
    回帖整理
    继续无题
    抛砖引玉,征集体会
    关于程序组织和组织技巧的学习
    周鸿祎行
    无题
    用此书为例讨论下软件思想的学习
    笔记
    方法论究竟为社区提供了什么
  • 原文地址:https://www.cnblogs.com/chixiaojin/p/2101959.html
Copyright © 2011-2022 走看看