Flash/Flex学习笔记(30):不用startDrag和stopDrag的对象拖动

简介: 对于从Sprite类继承来的对象,要实现拖放当然是Flash/Flex学习笔记(13):对象拖动(startDrag/stopDrag) 里讲的方法最方便,但是对于不是从Sprite类继承得来的对象,这startDrag/stopDrag是不能用的,这时候只能采用最通常用做法:利用Mouse_Dow...

对于从Sprite类继承来的对象,要实现拖放当然是Flash/Flex学习笔记(13):对象拖动(startDrag/stopDrag) 里讲的方法最方便,但是对于不是从Sprite类继承得来的对象,这startDrag/stopDrag是不能用的,这时候只能采用最通常用做法:利用Mouse_Down,Mouse_UP,Mouse_Move事件来处理

注意:对象的Mouse_Move事件,只有当鼠标在对象上时才能被监听,如果用户鼠标移动过快,超出了对象的范围,该事件就不起作用了,所以监听Mouse_Move事件时,应该监听stage对象的Mouse_Move事件,而非对象本身的(详情见下面的代码)

package {
	import flash.display.Sprite;
	import flash.events.MouseEvent;
	import flash.ui.MouseCursor;
	import flash.ui.Mouse;

	public class MouseMoveDrag extends Sprite {

		private var offsetX:Number;
		private var offsetY:Number;
		private var arrBalls:Array;
		private var _draggedBall:Ball;


		public function MouseMoveDrag():void {

			arrBalls=new Array(7);

			for (var i:uint=0; i<arrBalls.length; i++) {
				arrBalls[i]=new Ball(20+Math.random()*30,Math.random()*0xffffff);
				arrBalls[i].x=stage.stageWidth*Math.random();
				arrBalls[i].y=stage.stageHeight*Math.random();
				arrBalls[i].addEventListener(MouseEvent.MOUSE_DOWN, MouseDownHandler);
				arrBalls[i].addEventListener(MouseEvent.MOUSE_UP, MouseUpHandler);
				arrBalls[i].addEventListener(MouseEvent.MOUSE_OVER,MouseOverHandler);
				arrBalls[i].addEventListener(MouseEvent.MOUSE_OUT,MouseOutHandler);
				addChild(arrBalls[i]);
			}

		}

		function MouseOverHandler(e:MouseEvent):void {
			Mouse.cursor=MouseCursor.BUTTON;
		}

		function MouseOutHandler(e:MouseEvent):void {
			Mouse.cursor=MouseCursor.AUTO;			
		}

		//开始移动
		function MouseDownHandler(e:MouseEvent):void {
			offsetX=e.localX;
			offsetY=e.localY;			
			_draggedBall = e.target as Ball;
			stage.addEventListener(MouseEvent.MOUSE_MOVE, stageMouseMoveHandler);
		}

		//停止拖动
		function MouseUpHandler(e:MouseEvent):void {
			_draggedBall = null;
			//拖动完成后,移除舞台的Mouse_Move监听
			stage.removeEventListener(MouseEvent.MOUSE_MOVE, stageMouseMoveHandler);
		}


		function stageMouseMoveHandler(e:MouseEvent):void {
			//trace(e.target);
			var _ball:Ball=e.target as Ball;
			if (_ball!=null) {
				//设置新的坐标
				_ball.x=mouseX-offsetX;
				_ball.y=mouseY-offsetY;
			}
			else {
				//trace("您拖得太快了!" + _draggedBall.toString());
				if (_draggedBall!=null){
					_draggedBall.x=mouseX-offsetX;
					_draggedBall.y=mouseY-offsetY;
				}
			}
		}

	}
}

目录
相关文章
|
内存技术
Flash/Flex学习笔记(31):对象拖拽与投掷
对象拖拽: 这其实就是以前所学知识:Flash/Flex学习笔记(13):对象拖动(startDrag/stopDrag) + Flash/Flex学习笔记(23):运动学原理 的综合运用,要提一下的是下面代码中对于EnterFrame的添加与移除操作 package { import flash.
876 0
|
内存技术
Flash/Flex学习笔记(35):如何正确监听Stage对象的事件
如果想在一个自定义类中注册对stage对象的监听事件,然后在另一个文档类中使用该类的实例(或在fla的时间轴上使用该类的实例),你会很郁闷的发现:在构造函数中始终无法引用到this.stage(用trace(this.
605 0
|
内存技术 JavaScript 前端开发
Flash/Flex学习笔记(8):ActionScript3.0中的面对对象
首先要习惯AS3.0的几个BT约定: 1.一个.as文件中,只能定义一个类2.类名称必须与.as的文件名相同3.类定义中必须要有package包声明4.一个类最多只能有一个构造函数 5.包package的路径/名称约定: 这个初次接触时感觉有点小复杂,这样描述吧: 如果您在定义一个类时,pa...
1080 0
|
JavaScript 前端开发 内存技术
Flash/Flex学习笔记(9):ActionScript3.0与Javascript的相互调用
原理跟Silverlight中的几乎如出一辙(见Silverlight如何与JS相互调用): ActionScript3代码: btnCallJs.addEventListener(MouseEvent.
814 0
|
内存技术
Flash/Flex学习笔记(13):对象拖动(startDrag/stopDrag)
Flash中只有影片MovieClip(准确的讲是Sprite)可以调用startDrag,endDrag,创建对象拖动最简单的办法只要调用这二个方法即可 myobj.addEventListener(MouseEvent.
881 0
|
内存技术
Flash/Flex学习笔记(15):FMS 3.5之远程共享对象(Remote Shared Object)
FMS中的“远程共享对象”可以让多个Client端的flash应用共享同一个全局对象,并且当客户端中的任何一个改变该对象时,系统会自动将该对象回发到FMS服务器,同时FMS服务器也会将该对象重新广播到所有客户端。
955 0
|
内存技术
Flash/Flex学习笔记(21):利用colorTransform改变对象的颜色及透明度
transform是flash.Display.DisplayObject的属性之一,而colorTransform又是transform的属性,这也就意味着几乎所有对象都可以使用colorTransform属性   这是官方的解释: 当 ColorTransform 对象应用于显示对象时,将...
802 0
|
2月前
|
容器
Bootstrap5 Flex(弹性)布局4
排序:.order 类可设置弹性子元素的排序,范围从 .order-1 至 .order-12,数字越小优先级越高。外边距:.ms-auto 和 .me-auto 分别用于设置子元素的右侧和左侧外边距为 auto。包裹:.flex-nowrap(默认)、.flex-wrap 和 .flex-wrap-reverse 用于控制弹性容器中的子元素是否换行及换行方向。
|
3月前
|
前端开发 UED 容器
使用 Flex 布局实现垂直居中效果
【10月更文挑战第7天】
313 57
|
1月前
|
容器
Bootstrap5 Flex(弹性)布局6
使用 `.align-self-*` 类可控制指定子元素的对齐方式,包括 `.align-self-start`, `.align-self-end`, `.align-self-center`, `.align-self-baseline`, 和 `.align-self-stretch`。示例代码展示了如何在一个弹性布局中应用这些类,以实现不同设备上的响应式设计。