`
andy_ghg
  • 浏览: 291385 次
  • 性别: Icon_minigender_1
  • 来自: 扬州
社区版块
存档分类
最新评论

ActinScript算法,拖拽、框选

    博客分类:
  • Flex
阅读更多
需要涉及到的问题
1. 通过两个点获取到包含在两点之间的所有节点(框选)
2. 整体拖拽(框选后的整体拖拽)
3. 只允许节点在限定范围内拖拽(不让被框选的节点拖出限定范围外)

通过两点获取包含在两点之间的节点:
首先得到Canvas(简称ca)的两个点坐标即beginPoint,endPoint。通过节点(简称n)的x,y能够获取到该节点的中心点,即centerX,centerY。
代码:
public function setSelectionNodes(beginPoint:Point, endPoint:Point):void
{
	for each (var n:GBaseNode in _allNodes)
	{
		if (beginPoint.x < endPoint.x && beginPoint.y < endPoint.y)
		{
			if (n.centerX > beginPoint.x && n.centerY > beginPoint.y && n.centerX < endPoint.x && n.centerY < endPoint.y)
			{
				n.select();
				selectedNodes.push(n);
			}
		}
		if (beginPoint.x > endPoint.x && beginPoint.y > endPoint.y)
		{
			if (n.centerX > endPoint.x && n.centerY > endPoint.y && n.centerX < beginPoint.x && n.centerY < beginPoint.y)
			{
				n.select();
				selectedNodes.push(n);
			}
		}
		if (beginPoint.x < endPoint.x && beginPoint.y > endPoint.y)
		{
			if (n.centerX > beginPoint.x && n.centerY < beginPoint.y && n.centerX < endPoint.x && n.centerY > endPoint.y)
			{
				n.select();
				selectedNodes.push(n);
			}
		}
		if (beginPoint.x > endPoint.x && beginPoint.y < endPoint.y)
		{
			if (n.centerX < beginPoint.x && n.centerY > beginPoint.y && n.centerY < endPoint.y && n.centerX > endPoint.x)
			{
				n.select();
				selectedNodes.push(n);
			}
		}
	}
}

代码中分别处理的四种情况,即由左上角向右下角拖拽右下角向左上角拖拽左下角向右上角拖拽右上角向左下角拖拽

整拖
每个节点都有两个属性用于判定当前坐标,即selectionXOffset和selectionYOffset,在选中节点后,点击一个被选中的节点,将此节点放入到一个新的变量_firstSelectedItem,通过此变量来判定其他节点的x,y坐标
var xOffset:Number=node.x;
var yOffset:Number=node.y;
for each (var baseNode:GBaseNode in this.selectedNodes)
{
	if (baseNode == node)
	{
		continue;
	}
	else
	{
		baseNode.selectionXOffset=xOffset - baseNode.x;
		baseNode.selectionYOffset=yOffset - baseNode.y;
	}
}
view.addEventListener(Event.ENTER_FRAME, dragAllHandler);


在dragAllHandler中的处理函数如下:
private function dragAllHandler(e:Event):void
{
	for each (var n:GBaseNode in this._selectedNodes)
	{
		if (n != _firstSelectedItem)
		{
			n.move(_firstSelectedItem.x - n.selectionXOffset, _firstSelectedItem.y - n.selectionYOffset);
		}
	}
}


限定范围内的拖拽,不仅仅是当选的节点的范围,还要考虑到整拖的时候不让其他节点也拖拽到边界外面去,因此,需要获得上下左右四个节点如图所示:

中间的节点是鼠标按下去的拖动节点,其他周边四个节点的移动则是参考了中间节点的坐标而移动的,为了不让节点在整体拖拽的时候被拖出工作区外,需要限定中间那个节点的拖拽范围。

if (view.isSelection && node.isSelected)
{
	_firstSelectedItem=node;
	//找到最左上角的节点
	var leftNode:GBaseNode = findLeftNode();
	trace("最左边的节点ID是:"+leftNode.itemId);
	var topNode:GBaseNode = findTopNode();
	trace("最上边的节点ID是:"+topNode.itemId);
	var bottomNode:GBaseNode = findBottomNode();
	trace("最下面的节点ID是:"+bottomNode.itemId);
	var rightNode:GBaseNode = findRightNode();
	trace("最右边的节点ID是:"+rightNode.itemId);
	var lx:Number = node.x - leftNode.x;
	var ly:Number = node.y - topNode.y;
	var w:Number;
	trace(_firstSelectedItem.itemId);
	if(rightNode == _firstSelectedItem){
		trace("1")
		w = view.width - _firstSelectedItem.width - lx;
		trace(_firstSelectedItem.itemId);
	}else{
		w =  leftNode.x + (view.width - rightNode.x-rightNode.width);
	}
	var h:Number;
	if(bottomNode == _firstSelectedItem){
		trace("2");
		h = view.height - _firstSelectedItem.height-ly;
	}else{
		h = topNode.y + (view.height - bottomNode.y - bottomNode.height);
	}
	
	trace(w,h);
	node.startDrag(false, new Rectangle(lx,ly, w,h));
	node.isDraging=true;

	var xOffset:Number=node.x;
	var yOffset:Number=node.y;
	for each (var baseNode:GBaseNode in this.selectedNodes)
	{
		if (baseNode == node)
		{
			continue;
		}
		else
		{
			baseNode.selectionXOffset=xOffset - baseNode.x;
			baseNode.selectionYOffset=yOffset - baseNode.y;
		}
	}
	view.addEventListener(Event.ENTER_FRAME, dragAllHandler);
	return;
}



其中findTopNode等类似函数,如下所示:
private function findTopNode():GBaseNode
{
	var topNode:GBaseNode;
	for each(var n:GBaseNode in _selectedNodes){
		if(n == _firstSelectedItem){
			continue;
		}
		var len:Number = _firstSelectedItem.y - n.y;
		if(len >= 0)
		{
			if(topNode != null)
			{
				var len2:Number = _firstSelectedItem.y - topNode.y;
				if(len2 >= 0)
				{
					if(len > len2)
					{
						topNode = n;	
					}
				}
			}else{
				topNode = n;
			}
		}
	}
	if(topNode == null){
		return _firstSelectedItem;
	}
	return topNode;
}

此处只是给出解决问题的方法,并没有指望您能看懂我写的代码,只希望你能看懂我的思路即可。也许你有更好的解决方案或者算法,还望赐教。
  • 大小: 37.8 KB
0
0
分享到:
评论

相关推荐

    在ActinScript中fscommand的实现全屏和退出以及关闭功能

    在ActinScript3.0中fscommand的实现全屏和退出以及关闭功能,这是实现了基本功能,很重要呀。

    actinscript3国外教程,翻译成中文

    actionscript3国外教程,基础的游戏开发包含3D控制碰撞检测,三角函数,以及众多游戏开发基础

    ActionScript

    ActinScript 3.0将帮助你学习更顺畅

    chromedriver-win64_121.0.6123.0.zip

    chromedriver-win64_121.0.6123.0.zip

    Chekiang Shu Ke Sung-mianfeiziti字體下載

    Chekiang Shu Ke Sung-mianfeiziti字體下載

    中国科学院大学22-23秋季学期 《程序设计基础与实验(C语言)》课程大作业——基于Min-Max搜索策略的五子棋对战程序

    C语言是一种广泛使用的编程语言,它具有高效、灵活、可移植性强等特点,被广泛应用于操作系统、嵌入式系统、数据库、编译器等领域的开发。C语言的基本语法包括变量、数据类型、运算符、控制结构(如if语句、循环语句等)、函数、指针等。在编写C程序时,需要注意变量的声明和定义、指针的使用、内存的分配与释放等问题。C语言中常用的数据结构包括: 1. 数组:一种存储同类型数据的结构,可以进行索引访问和修改。 2. 链表:一种存储不同类型数据的结构,每个节点包含数据和指向下一个节点的指针。 3. 栈:一种后进先出(LIFO)的数据结构,可以通过压入(push)和弹出(pop)操作进行数据的存储和取出。 4. 队列:一种先进先出(FIFO)的数据结构,可以通过入队(enqueue)和出队(dequeue)操作进行数据的存储和取出。 5. 树:一种存储具有父子关系的数据结构,可以通过中序遍历、前序遍历和后序遍历等方式进行数据的访问和修改。 6. 图:一种存储具有节点和边关系的数据结构,可以通过广度优先搜索、深度优先搜索等方式进行数据的访问和修改。 这些数据结构在C语言中都有相应的实现方式,可以应用于各种不同的场景。C语言中的各种数据结构都有其优缺点,下面列举一些常见的数据结构的优缺点: 数组: 优点:访问和修改元素的速度非常快,适用于需要频繁读取和修改数据的场合。 缺点:数组的长度是固定的,不适合存储大小不固定的动态数据,另外数组在内存中是连续分配的,当数组较大时可能会导致内存碎片化。 链表: 优点:可以方便地插入和删除元素,适用于需要频繁插入和删除数据的场合。 缺点:访问和修改元素的速度相对较慢,因为需要遍历链表找到指定的节点。 栈: 优点:后进先出(LIFO)的特性使得栈在处理递归和括号匹配等问题时非常方便。 缺点:栈的空间有限,当数据量较大时可能会导致栈溢出。 队列: 优点:先进先出(FIFO)的特性使得

    高级信息通信运行管理员第七套试卷

    这是高级信息通信运行管理员考证试卷

    visualstudio安装教程的分享

    Visual Studio安装与使用案例简介 目的: 向用户展示如何在Windows系统上下载、安装并开始使用Visual Studio集成开发环境(IDE)。 案例内容: 访问Visual Studio官方网站并选择适合的版本。 下载并启动Visual Studio安装程序。 在安装向导中选择所需的工作负载和组件。 设置安装路径,选择非系统盘以节省空间。 完成安装并启动Visual Studio。 创建一个新的项目,例如C++空项目。 编写并运行一个简单的"Hello, World!"程序来测试开发环境。 关键点: 选择合适的Visual Studio版本,如免费的Community版本。 理解工作负载的概念,选择与开发需求相关的功能。 了解如何自定义安装设置,包括安装路径和语言包。 掌握创建新项目和编写代码的基本流程。

    焊工申请考试名单表格.docx

    焊工申请考试名单表格.docx

    chromedriver-win64_117.0.5932.0.zip

    chromedriver-win64_117.0.5932.0.zip

    JAVA小区物业管理系统(源代码+论文).zip

    Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),可运行高分资源 Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现的毕业设计&&课程设计(包含运行文档+数据库+前后端代码),Java实现

    FlexibleButton 是一个基于标准 C 语言的小巧灵活的按键处理库,

    C语言是一种广泛使用的编程语言,它具有高效、灵活、可移植性强等特点,被广泛应用于操作系统、嵌入式系统、数据库、编译器等领域的开发。C语言的基本语法包括变量、数据类型、运算符、控制结构(如if语句、循环语句等)、函数、指针等。在编写C程序时,需要注意变量的声明和定义、指针的使用、内存的分配与释放等问题。C语言中常用的数据结构包括: 1. 数组:一种存储同类型数据的结构,可以进行索引访问和修改。 2. 链表:一种存储不同类型数据的结构,每个节点包含数据和指向下一个节点的指针。 3. 栈:一种后进先出(LIFO)的数据结构,可以通过压入(push)和弹出(pop)操作进行数据的存储和取出。 4. 队列:一种先进先出(FIFO)的数据结构,可以通过入队(enqueue)和出队(dequeue)操作进行数据的存储和取出。 5. 树:一种存储具有父子关系的数据结构,可以通过中序遍历、前序遍历和后序遍历等方式进行数据的访问和修改。 6. 图:一种存储具有节点和边关系的数据结构,可以通过广度优先搜索、深度优先搜索等方式进行数据的访问和修改。 这些数据结构在C语言中都有相应的实现方式,可以应用于各种不同的场景。C语言中的各种数据结构都有其优缺点,下面列举一些常见的数据结构的优缺点: 数组: 优点:访问和修改元素的速度非常快,适用于需要频繁读取和修改数据的场合。 缺点:数组的长度是固定的,不适合存储大小不固定的动态数据,另外数组在内存中是连续分配的,当数组较大时可能会导致内存碎片化。 链表: 优点:可以方便地插入和删除元素,适用于需要频繁插入和删除数据的场合。 缺点:访问和修改元素的速度相对较慢,因为需要遍历链表找到指定的节点。 栈: 优点:后进先出(LIFO)的特性使得栈在处理递归和括号匹配等问题时非常方便。 缺点:栈的空间有限,当数据量较大时可能会导致栈溢出。 队列: 优点:先进先出(FIFO)的特性使得

    初级责任护士岗位职责(医院护理规章制度).docx

    初级责任护士岗位职责(医院护理规章制度).docx

    费希尔DVC6200新TREX调试说明书

    仪器仪表系统,从名称来看,在工业或者制造业中如果与PLC或这类系统集中,那么可称为:过程检测与控制系统,仪器仪表就相当于监测或感知元件(如传感器和测温测速测震等)和执行元件(如执行机构和操动终端)。如果工业或制造业相当于人体,那么仪器仪表就一定程度上相当于眼睛和耳朵,手(执行单元),甚至皮肤的触觉(末梢神经)。其重要可见一斑。

    AD9850-9851芯片数字频率合成器DDS模块软硬件资料+AD9850软件驱动源代码.zip

    AD9850-9851芯片数字频率合成器DDS模块软硬件资料+AD9850软件驱动源代码: AD9850-1_V3_C程序 AD9850-1_V3_C程序.rar AD9850-9851说明书.pdf AD9850-MC145151.pdf AD9850_51_VB AD9850_51_VB.zip ad9850_AN-543_FM.pdf AD9851.pdf AD9851线路图.pdf AD9853.pdf AD9854.pdf AD9951.pdf DDS-ADI资料.pdf DDS调试心得.pdf

    计算机毕业设计-ASP消防网上考试系统设计(源代码+LW).zip

    计算机毕业设计资源包含(项目部署视频+源码+LW+开题报告等等),所有项目经过助教老师跑通,有任何问题可以私信博主解决,可以免费帮部署。

    基于java的-587-网络问卷调查系统-源码.zip

    提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。

    患者发生精神症状时的应急预案及护理流程(医院护理资料).docx

    患者发生精神症状时的应急预案及护理流程(医院护理资料).docx

    基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本124.0.6344.0)

    资源包括: 1.Java爬虫实战代码 2.selenium学习笔记 3.代码演示视频 4.谷歌浏览器chrom124.0.6344.0 chrome-linux64.zip chrome-mac-arm64.zip chrome-mac-x64.zip chrome-win32.zip chrome-win64.zip 5.谷歌浏览器驱动器Chromedriver124.0.6344.0 chromedriver-linux64.zip chromedriver-mac-arm64.zip chromedriver-mac-x64.zip chromedriver-win32.zip chromedriver-win64.zip 特别说明:Chrome 为测试版(不会自动更新) 仅适用于自动测试。若要进行常规浏览,请使用可自动更新的标准版 Chrome。)

    关于Windows 9x的vmm32问题解决方法

    关于Windows 9x的vmm32问题解决方法

Global site tag (gtag.js) - Google Analytics