[ActionScript 3.0] AS3 拖拽混动效果之一

package
{
    import flash.display.Loader;
    import flash.display.Sprite;
    import flash.events.Event;
    import flash.events.MouseEvent;
    import flash.net.URLRequest;

    /**
     * @author Frost.Yen
     * @E-mail [email protected]
     * @create 2015-11-17 上午10:20:30
     *
     */
    [SWF(width="1920",height="1080")]
    public class EaseingEffect extends Sprite
    {
        private var _ldr:Loader = new Loader();
        private var _container:Sprite = new Sprite();
        private var _downX:Number;//按下照片墙的x坐标
        private var _moveX:Number;//移动照片墙的x坐标
        private var _offsetX:Number;//水平移动偏移量
        private var _isDown:Boolean;
        public function EaseingEffect()
        {
            initViews();
            initEventListeners();
        }
        private function initViews():void
        {
            this.addChild(_container);
            _container.addChild(_ldr);
            _ldr.load(new URLRequest("assets/photowall.png"));
        }
        private function initEventListeners():void
        {
            _ldr.contentLoaderInfo.addEventListener(Event.COMPLETE,onLoaded);
            _container.addEventListener(MouseEvent.MOUSE_DOWN, onDown);
            this.addEventListener(Event.ENTER_FRAME, onEnterFrame);
        }
        private function onLoaded(e:Event):void
        {

        }
        private function onDown(e:MouseEvent):void
        {
            _isDown = true;
            _downX = mouseX;
            stage.addEventListener(MouseEvent.MOUSE_MOVE, onMove);
            stage.addEventListener(MouseEvent.MOUSE_UP, onUp);
        }
        private function onEnterFrame(e:Event):void
        {
            _offsetX = _offsetX * 0.900000;
            _container.x = _container.x + _offsetX;
            if (_container.x < 1920 - _container.width )
            {
                _container.x = 1920 - _container.width ;
            }
            if (_container.x > 0)
            {
                _container.x = 0;
            }
        }
        private function onMove(e:MouseEvent):void
        {
            if (_isDown) {
                _moveX = mouseX;
                _offsetX = _moveX - _downX;
                _offsetX = _offsetX / 20;
            }
        }
        private function onUp(e:MouseEvent):void
        {
            _isDown = false;
            stage.removeEventListener(MouseEvent.MOUSE_UP, onUp);
            stage.removeEventListener(MouseEvent.MOUSE_MOVE, onMove);
        }
    }
}
时间: 2024-11-11 00:08:02

[ActionScript 3.0] AS3 拖拽混动效果之一的相关文章

JS打造的拖拽翻页效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

【 D3.js 进阶系列 — 6.0 】 拖拽的应用(Drag)

拖拽(Drag)是交互式中很重要的一种,本文将讲解拖拽的使用方法. 1. drag的定义 D3中可用 d3.behavior.drag() 来定义 drag 行为. var drag = d3.behavior.drag() .on("drag", dragmove); function dragmove(d) { d3.select(this) .attr("cx", d.cx = d3.event.x ) .attr("cy", d.cy =

Android4.0 Launcher拖拽原理分析1

在Android4.0源码自带的Launcher中,拖拽是由DragController进行控制的. 1.基本流程: 相应的View在检测到用户操作后进行判断,若可以触发拖拽,则设置自身的相应状态,然后将待拖拽对象的Bitmap对象.当前位置.拖拽源.待拖拽对象等信息传给DragController的startDrag方法启动拖拽. 接下来,DragLayer的onInterceptTouchEvent拦截触屏事件,将其转到DragController的onTouchEvent方法. 在Drag

Angular 2.0 文本拖拽

基于Angular7.1和TypeScript实现 Html代码 <div style="padding-left: 0px;"> <div id='contentTem' class='temp-style' contentEditable="true" (drop)="drop($event)" (dragover)="allowDrop($event)" ng-change="changeVa

[ActionScript 3.0] as3处理xml的功能和遍历节点

as3比as2处理xml的功能增强了N倍,获取或遍历节点非常之方便,类似于json对像的处理方式. XML 的一个强大功能是它能够通过文本字符的线性字符串提供复杂的嵌套数据.将数据加载到 XML 对象时,ActionScript 会分析数据并将其分层结构加载到内存(如果 XML 数据格式有误,它会发送运行时错误). 利用 XML 和 XMLList 对象的运算符和方法可以轻松遍历 XML 数据的结构. 1.读取外部 XML 文档 可以使用 URLLoader 类从 URL 加载 XML 数据.若

angualr项目table拖拽列宽效果

首先要有一个table的html列表 我就不上了,因为加载有异步的问题,所以我把js代码放到一个封装函数里面,表格加载出来之后调用函数,这个表格的dom就能找到了.下面是封装的js代码 //拖拽调整列宽 $rootScope.searchTable= function(){ var tTD; //用来存储当前更改宽度的Table Cell,避免快速移动鼠标的问题 var table = document.getElementsByClassName('table'); console.log(t

Js使用面向对象和面向过程的方法实现拖拽物体的效果

1.面向过程的拖拽实现代码: <!DOCTYPE html> <html> <head> <title>drag Div</title> <style type="text/css"> #div1{width: 100px;height: 100px;background: red;position: absolute;} </style> <script type="text/java

[ActionScript 3.0] AS3 深入理解Flash的安全沙箱Security Domains

简介 如果你还没有与复杂的的安全域(security domain)和应用程序域(application domain)问题打过交道,那么你真是个幸运的家伙.当你在加载外部内容(然后他们开始播放)的时候,默认的设置工作的很好,你甚至不知道他们的存在. 但是某些时候你可能需要控制默认设置以外的更多行为和功能,这样你就会遇到前面所说的问题.你也许会困扰于Security.allowDomain和crossdomain.xml文件的区别,又或者你想要深究关于安全性的最佳实践.如果是这样,那么这篇文章就

[ActionScript 3.0] AS3.0和AS2.0的相互通信

AS3和AS2之间的通信,最好的方式可能就是LocalConnection了. AS2向AS3发送数据,即AS2调用AS3的函数: as2.0代码(按钮上写的发送信息代码): on (release) { var param = "this message is from as2"; var caller:LocalConnection = new LocalConnection(); caller.send("AS2 send to AS3","funI