元素组合及拆分的方法和系统的制作方法_2

文档序号:9865105阅读:来源:国知局
处W实际XY坐标轴举例说明:例如获取到的顶层元素的边界矩形的四个顶点坐 标分别为化1、和)、促1、和)、化1、¥21)、促1、¥21),贝顺层元素的边界矩形的重屯、点坐标为

I到坐标轴第一方向(X轴方向)上的第一距离 为到坐标轴第二方向(Y轴方向)上的第二距离为 顶层元素的边界矩形垂 么 直于坐标轴第一方向(X轴方向)的边的第一长度为Y21-Y11 ;垂直于坐标轴第二方向(Y轴方 向)的边的第二长度为拉ι-Χιι;
[0047] 获取到的其他元素的边界矩形的四个顶点坐标分别为(Χ33、Υ33)、(Χ43、Υ33)、(Χ33、 Υ43)、(Χ43、Υ43)其他元素的边界矩形的重屯、点坐标为

到坐标轴第一方向(X轴方向)上的第Ξ距离为
到坐标轴第 二方向(Υ轴方向)上的第四距离为
其他元素的边界矩形垂直于坐标轴第一方向(X 轴方向)的边的第Ξ长度为Υ43-Υ33;垂直于坐标轴第二方向(Υ轴方向)的边的第四长度为 Χ43-Χ33 ;
[004引因此,第一距离与第Ξ距离的第一距离差值^
获取第二距离 与第四距离的第二距离差值呆

[0049]获取第一长度与第Ξ长度的和的一半的第一长度和值为
获取第二长度与第四长度的和的一半的第二长度和值为
[0化0] 在上述第一距离差值小于第一长度和值且第二距离差值小于第二长度和值时,能 够确定顶层元素与元素相交。
[0051] 在一个具体的实施例中,步骤S150判断顶层元素的边界矩形是否与各元素的边界 矩形重合的步骤具体可W包括:
[0052] 判断顶层元素的边界矩形的四个顶点的坐标在移动过程中是否能够同时与其他 元素的边界矩形的四个顶点的坐标重合;
[0化3] 若判断重合,确定顶层元素与元素重合。
[0054] 在一个具体的实施例中,步骤S150判断顶层元素的边界矩形是否与各元素的边界 矩形相互包含的步骤具体可W包括:
[0055] 判断顶层元素的边界矩形在移动过程中是否能够同时全部包含其他元素的边界 矩形的四个顶点的坐标或判断顶层元素的边界矩形的四个顶点的坐标在移动过程中是否 能够同时全部包含在其他元素的边界矩形内;
[0化6] 若判断全部包含,确定顶层元素与元素相互包含。
[0057] 在一个具体的实施例中,步骤S110在监听触摸事件,获取当前触摸点的坐标的步 骤之前还包括步骤:获取各元素的边界矩形。
[0058] 为了更清楚的阐释本发明的技术方案,W支持触摸的交互智能平板为例,介绍本 发明元素组合及拆分的方法实施例1中元素的组合操作的实现流程。
[0059] 交互智能平板界面上有两个正方形元素 Cubel与化be2(本发明无需限制元素的形 状,在一个具体的实施例中,元素为正方形),交互智能平板的计算机软件系统获取正方形 元素 Cubel与化be2在界面上的坐标位置及各元素的大小,即可W得到包围元素的边界的最 小外接矩形Rect,对应正方形元素 Cubel与Cube2分别记为Recti与Rect2。在一个具体的实 施例中,最小外接矩形(minimum bounding rectangle,MBR)即为最小边界矩形,最小包含 矩形,或最小外包矩形。最小外接矩形是指W二维坐标表示的若干二维形状(例如点、直线、 多边形)的最大范围,即W给定的二维形状各顶点中的最大横坐标、最小横坐标、最大纵坐 标、最小纵坐标定下边界的矩形。运样的一个矩形包含给定的二维形状,且边与坐标轴平 行。最小外接矩形是最小外接框(minimum bounding box)的二维形式。
[0060] 其中Rect由位置坐标、长度、宽度运Ξ个属性组成,便于接下来的计算。
[0061] 监听交互智能平板界面上的触摸事件(按或者点击),将触摸的坐标位置记为P,系 统判断触摸位置P下有没有元素,首先计算坐标P是否包含在Recti矩形内,如果包含,那么 代表选中了 Recti。如果没有包含则继续对剩下的Rect2进行计算,一直到全部元素都计算 过一遍,如果发现有元素的最小外接矩形包含坐标P,那么表示选中了对应元素。如果进行 多个触摸点的同时输入,那么流程是一样的,系统对每个触摸的坐标点进行计算,找出触摸 坐标下的元素。选中触摸坐标下的元素后,如果该位置下有多个元素,则选中最上层的一个 元素,此处W选中了正方形元素化bel为例。
[0062] 拖动选中的正方形元素 Cube 1,在拖动的过程中,因为Cube 1的坐标已经更改,所W 系统先获取Cubel在当前位置下的最小外接矩形Rect,然后计算Rect有没有与其他相交或 者包含其他元素的最小外接矩形,如果发现Cubel与其他元素有相交或包含,那么就将 化bel与相交或包含的元素进行组合操作,那么化bel与此元素就组合在一起。
[0063] 在多点触摸下流程是一样的,在多个元素同时移动的过程中,系统不断的计算正 在操作的元素有没有与其他元素相交或者包含,如果有则将正在操作的元素与相交或者包 含的元素组合在一起。
[0064] 下面W元素的拆分操作为例:
[0065] 假设界面上有两个正方形元素 Cubel与Cube2,首先进行多点触摸的操作,系统判 断多个触摸位置下有没有元素,如果有,则选中运些元素。此处W同时触摸选中了Cubel与 化be2为例。
[0066] 同时拖动选中的元素 Cubel与Cube2,如果同时将Cubel与Cube2拖动靠近,此时如 果系统计算到运两个元素的最小外接矩形有相交或者包含,则将运两个元素组合在一起。 如果同时将Cubel与化be2拖动移开使运两个元素的最小外接矩形没有相交或者包含,此时 系统将运两个元素进行拆分,运样就实现了两个元素的分离。在一个具体的实施例中,系统 对于任意多点操作的情况下处理是一样的。
[0067] 其中,在一个具体的实施例中,判断两个元素是否相互包含,若其中一个元素的最 小外接矩形的四个顶点都包含在另一个元素的最小外接矩形内,即判断为运两个元素为包 含关系。判断是否相交时,需要比较两个最小外接矩形的重屯、在X轴方向上和y轴方向上的 距离与两个最小外接矩形的长或者宽的一半的和的大小。如果重屯、的在X轴和y轴上的距离 都比他们边长和的一半要小就符合相交的条件。
[0068] 本发明元素组合及拆分的方法实施例1,因为通过判断元素之间的边界矩形是否 相交、重合或相互包含的关系,相应的将选取的元素进行组合及拆分,从而能够充分的利用 交互智能平板的多点触摸属性,同时移动多个元素,只要相交就自动的组合,只要移开就自 动的拆分,能极大的提高易用性及效率。在支持多点触摸的交互智能平板上进行活动时,可 W方便的对多个元素进行组合或者拆分组合,当两个元素的边界相交的时候自动组合,操 作元素使其边界没有相交的时候自动拆分,降低了操作复杂度的同时提高了操作效率。
[0069] 本发明元素组合及拆分的系统实施例1:
[0070] 为了应对传统技术中元素组合及拆分操作复杂、难度大的问题,本发明还提供了 一种本发明元素组合及拆分的系统实施例1,图2为本发明元素组合及拆分的系统实施例1 的结构示意图;如图2所示,可W包括:
[0071] 监听单元210,用于监听屏幕触摸事件,并获取当前触摸点的坐标;
[0072] 第一计算判断单元220,用于判断该坐标是否落入各元素的边界矩形内;边界矩形 为在元素的当前位置下包围元素的最小外接矩形;
[0073] 元素单元230,用于在第一计算判断单元的判断结果为是时,获取该坐标落入的元 素中位于顶层的顶层元素;
当前第2页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1