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>
  • 相关阅读:
    注意事项
    org.apache.jsp.index_jsp
    部署 Web 项目 到 Deepin
    WEB项目打包
    IDEA开启JSP热部署
    16.【转载】Swagger2文档插件:常用注解及属性说明
    8.【原创】Spring Mvc配置Swagger+swagger-bootstrap-ui生成日志服务
    7.【原创】Spring Mvc自定义DispatcherServlet类,处理404异常
    12.【原创】ES6常用的新语法
    15.【转载】使用TortoiseGit,设置ssh方式连接git仓库
  • 原文地址:https://www.cnblogs.com/chixiaojin/p/2101959.html
Copyright © 2011-2022 走看看