`

拖动元件延时跟随的动画效果

阅读更多
/**
 * 实现拖动延时效果的代码
 */

package {
	import fl.transitions.Tween;
	import fl.transitions.TweenEvent;
	import fl.transitions.easing.Strong;
	
	import flash.display.Sprite;
	import flash.display.StageAlign;
	import flash.display.StageScaleMode;
	import flash.events.MouseEvent;
	import flash.events.TimerEvent;
	import flash.utils.Timer;

	public class DragEffect extends Sprite
	{
		private var regularTweenX:Tween;
		private var regularTweenY:Tween;
		private var noneTweenX:Tween;
		private var noneTweenY:Tween;
		
		private var goalX:Number;
		private var goalY:Number;
		
		[Embed(source="com/gde/assets/light.swf", symbol="Light")]
		private var Light :Class;
		
		private var light:*;
		
		private var timer:Timer;
		
		public function DragEffect()
		{
			//设置flash在网页缩放的时候,不缩放内部元件,而可以裁切显示内容
			stage.scaleMode = StageScaleMode.NO_SCALE;
			stage.align = StageAlign.TOP_LEFT;
			
			timer = new Timer(3);
			timer.addEventListener(TimerEvent.TIMER, easeMoveHandler);
			
			light = new Light();
			light.x = 0;
			light.y = 0;
			this.addChild(light);
			stage.addEventListener(MouseEvent.MOUSE_MOVE, moveHandler);
		}
		
		private function moveHandler(e:MouseEvent):void{
			goalX = e.stageX;
			goalY = e.stageY;
			timer.reset();
			timer.start();
		}
		
		private function easeMoveHandler(e:TimerEvent):void{
			if(regularTweenY != null){
				regularTweenY.stop();
			}
			regularTweenY = new Tween(light, "x", Strong.easeOut, light.x, goalX, Math.abs(goalX - light.x)/500, true);
		}
		
	}
}
分享到:
评论
2 楼 yangkd548 2010-03-02  
用到了fl包,其中主要用到了Tween类
1 楼 zcy860511 2010-02-10  
这个是ActionScript?

相关推荐

    gridview拖拽并且可以删除 带动画效果

    这个“gridview拖拽并且可以删除 带动画效果”的主题,是关于如何在GridView中实现元素的拖放功能以及添加删除操作时的动态视觉效果。 首先,让我们详细探讨GridView的基本概念。GridView继承自AbsListView,它会将...

    QML弹出窗口组件,灯箱效果、动画效果,可拖拽

    QML弹出窗口组件,灯箱效果、动画效果,可拖拽 核心思路:一个mask层,一个最顶层,都用rectangle,禁止事件穿透,动画效果 http://www.cnblogs.com/surfsky/p/3998391.html

    安卓动画效果相关-Android仿窗帘效果和登录界面拖动效果Scroller类的应用.rar

    在Android开发中,动画效果是提升用户体验的关键因素之一。本资料包主要探讨的是如何实现“窗帘效果”和“登录界面拖动效果”,这两个都是通过利用`Scroller`类来完成的。`Scroller`类是Android系统提供的一个帮助类...

    jQuery ui鼠标拖动图片摇晃动画效果

    在本文中,我们将深入探讨如何使用jQuery UI库来实现鼠标拖动图片时产生摇晃动画效果。jQuery UI是一个强大的JavaScript库,它扩展了基础的jQuery功能,提供了丰富的用户界面组件和交互效果。在这个特定的场景中,...

    html5 canvas拖动的流体图片动画效果.zip

    在本例中,流体图片动画效果的实现关键在于对用户拖动事件的响应以及图片的动态渲染。当用户拖动鼠标时,JavaScript监听并处理这些事件,改变图片的位置或状态,从而产生流动的效果。这通常涉及到以下步骤: 1. **...

    WPS演示中动画效果的攻略大全.docx

    还可以选择隐藏和显示高级日程表,在打开的高级日程表中,鼠标指向会出现上下或左右的双向箭头,按住就可以拖动,上下的双向箭头拖动可以调节动画的出现次序的先后,上下的双向箭头拖动可以调节动画的出现的时间及其...

    在Altium Design PCB Edit 模式下元件拖拽的方法

    而如何高效地移动或拖拽元件,尤其是在保持连接线完整性的前提下,对于提高设计效率至关重要。本文将详细介绍在Altium Designer PCB Edit模式下进行元件拖拽的具体方法及其相关设置。 #### 二、环境设置 为了确保在...

    jQuery动画图片拖动排序效果

    在本文中,我们将深入探讨如何使用jQuery库来创建一个动态的、可拖动排序的图片列表,以此实现“jQuery动画图片拖动排序效果”。这个功能是通过jQuery的事件监听、DOM操作以及动画功能来实现的,它使得用户可以通过...

    安卓动画效果相关-Android仿zaker效果的拖拽排序.rar

    这个“安卓动画效果相关-Android仿zaker效果的拖拽排序.rar”文件包含了实现类似ZAKER拖拽排序功能的代码示例。 拖拽排序是一种允许用户通过触摸屏幕并拖动项目来更改其顺序的交互方式。在安卓平台上,这种功能主要...

    仿QQ5.0消息数拖拽删除的动画效果源码

    "仿QQ5.0消息数拖拽删除的动画效果源码"是一个专为开发者设计的学习资源,旨在帮助他们理解和实现类似QQ5.0版本中的消息拖拽删除功能。这个功能让用户能够通过直观的拖动操作来删除消息,提供了一种更加便捷和互动的...

    安卓动画效果相关-实现类似与手机桌面图标的拖拽效果暂时实现这点功能以后在继续完善换页效果.rar

    总的来说,这个项目是一个安卓应用开发的学习资源,通过实现图标拖拽功能,帮助开发者了解和掌握安卓动画效果的实现,特别是如何自定义视图组件以支持拖放操作。同时,这也是一个很好的实践案例,展示了如何在实际...

    HTML5 Canvas鼠标移动圆点粒子跟随动画特效

    为了实现粒子跟随鼠标的效果,我们可以在鼠标移动事件处理函数中,让粒子朝着鼠标的位置移动,或者设置一个衰减因子,使得粒子在远离鼠标后逐渐减速直至停止。同时,粒子的透明度可以根据其距离鼠标位置的远近进行...

    swift-高仿支付宝可拖拽排序编辑动画效果集合视图

    在本案例中,我们关注的是一个名为"swift-高仿支付宝可拖拽排序编辑动画效果集合视图"的项目,它利用了Swift的高级功能来实现类似支付宝应用中的可拖拽排序和编辑动画效果。这个项目的核心是`WHC_...

    图片阴影缩放功能带动画效果

    在IT领域,创建一个带有图片阴影缩放功能和动画效果的应用是提高用户体验和视觉吸引力的有效方式。本项目“图片阴影缩放功能带动画效果”旨在模仿百度动物园的交互设计,并在此基础上添加了一些独特的功能,如鼠标...

    鼠标拖动2D图片,呈现360°旋转3D动画效果

    在IT领域,实现鼠标拖动2D图片以呈现360°旋转的3D动画效果是一种常见的交互式设计技术,广泛应用于产品展示、游戏开发、虚拟现实等多种场景。这一技术结合了计算机图形学、JavaScript编程以及HTML5的Canvas元素等...

    CreateJS 实现响应鼠标拖动绚烂的泡沫动画效果源码.zip

    这个源码压缩包"CreateJS 实现响应鼠标拖动绚烂的泡沫动画效果源码.zip"显然是一个使用CreateJS实现的项目,它允许用户通过鼠标拖动在画布上产生炫丽的泡沫动画效果。下面我们将详细探讨这个项目所涉及的知识点。 ...

    An动画基础之元件的影片剪辑效果

    An动画基础之元件的影片剪辑效果 在An动画软件中,影片剪辑效果是一个非常重要的基础知识点。通过本篇文章,我们将详细介绍影片剪辑效果的使用方法和相关知识点。 一、准备工作 在开始学习影片剪辑效果之前,我们...

    tableView下拉时候tableHeaderView的动画效果

    当我们谈论"tableView下拉时候头部tableHeaderView的动画效果",通常是指在用户下拉表格时,tableHeaderView会跟随手势做出相应的动态反应,比如放大、淡入淡出或滑动等,以增强用户体验。 实现这种动画效果,我们...

    仿QQ 5.0版 消息数拖拽删除的动画效果

    在Android开发中,实现仿QQ 5.0版的消息数拖拽删除的动画效果是一项具有挑战性的任务,它涉及到UI交互设计以及自定义View技术。QQ 5.0的这一特性提高了用户体验,使得用户能够通过直观且有趣的操作来管理消息。下面...

Global site tag (gtag.js) - Google Analytics