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>
  • 相关阅读:
    FHS Filesystem Hierarchy Standard(文件系统层次化标准)
    Linux文件类型
    cd、rm、ls命令
    基础内容
    Linux命令格式及使用方法
    Linux一些概念
    SHELL脚本的成分
    SHELL脚本
    Loadrunner关联
    赋值语句
  • 原文地址:https://www.cnblogs.com/chixiaojin/p/2101959.html
Copyright © 2011-2022 走看看