CN102722898B - 一种连线的编辑方法及图形编辑设备 - Google Patents

Abstract

本发明的实施例提供一种连线的编辑方法及图形编辑设备，涉及计算机领域，能够方便连线编辑操作。该方法，包括：采集所述第一图节点被第二图节点覆盖的区域，并识别所述第二图节点与所述第一图节点的连线关系；根据识别的所述连线关系，将所述第一图节点与所述第二图节点连接。本发明实施例应用于图形连线编辑。

Description

一种连线的编辑方法及图形编辑设备

技术领域

本发明涉及计算机领域，尤其涉及一种连线的编辑方法及图形编辑设备。

背景技术

目前，在各个领域中广泛采用各种流程图和UML(UnifiedModeling Language，统一建模语言)图来展现算法设计思路、表述业务流程、描述系统架构，使得这一过程更容易让人接受。

目前采用各种流程图或UML图编辑器进行图形连线编辑比较流行的做法有以下几种方式：从连线关系选择列表中选中所选的连线关系，然后从连线关系的起始图节点拉出一条线到连线关系的目标图节点；或者，选中连线关系的起始图节点，在连线关系的起始图节点上显示出代表不同关系的端口，选择需要建立的连线关系类型的端口从该端口处拉一条线连接到目标图节点的相应的端口；切换到连线关系绘制模式，然后从连线关系的起始图节点拉出一条线连接到目标图节点，如果起始图节点与目标图节点间存在多种连线关系则弹出对话框以供选择。

在实现上述连线的编辑过程中，发明人发现通过现有技术完成添加图节点并连线的动作步骤过多，工作量大。

发明内容

本发明的实施例提供一种连线的编辑方法及图形编辑设备，能够方便连线编辑操作。

为达到上述目的，本发明的实施例采用如下技术方案：

一方面，提供一种连线的编辑方法，包括：

采集第一图节点被第二图节点覆盖的区域，并识别所述第二图节点与所述第一图节点的连线关系；

根据识别的所述连线关系，将所述第一图节点与所述第二图节点连接。

另一方面，提供一种图形编辑设备，包括：

匹配单元，用于采集所述第一图节点被第二图节点覆盖的区域，并识别所述第二图节点与所述第一图节点的连线关系；

触发单元，用于根据识别的所述连线关系，将所述第一图节点与所述第二图节点连接。

本发明的实施例提供的连线的编辑方法和设备，能够避免在完成添加图节点并连线时操作复杂、工作量大的问题。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种连线的编辑方法流程示意图；

图2为本发明另一实施例提供的一种连线的编辑方法流程示意图；

图3为本发明实施例提供的连线的编辑方法的一个操作过程示意图；

图4为本发明实施例提供的连线的编辑方法的另一个操作过程示意图；

图5为本发明实施例提供的连线的编辑方法的另一个操作过程示意图；

图6为本发明实施例提供的一种连线关系示意图；

图6a为本发明实施例提供的另一种连线关系示意图；

图6b为本发明实施例提供的又一种连线关系示意图；

图6c为本发明实施例提供的再一种连线关系示意图；

图7为本发明实施例提供的一种图形编辑设备结构示意图；

图8为本发明另一实施例提供的一种图形编辑设备结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

以下实施例中以图节点A作为第一图节点，以图节点B作为第二图节点进行说明。

本发明实施例提供一种连线的编辑方法，如图1所示，包括以下步骤：

S101、采集图节点A被图节点B覆盖的区域，并识别图节点B与图节点A的连线关系；

示例性的，如图4所示，图节点A根据圆心a以及边界上点{a，b，c，d}将图节点A分为：第一象限abc、第二象限abd、第三象限ade和第四象限ace共四个区域，并设置当图节点B覆盖了图节点A的第一象限abc内区域时，图形编辑设备将在图节点A东北方向建立两者连接；设置当图节点B覆盖了图节点A的第二象限abd内区域时，图形编辑设备将在图节点A西北方向建立两者连接；设置当图节点B覆盖了图节点A的第三象限ade内区域时，图形编辑设备将在图节点A西南方向建立两者连接；设置当图节点B覆盖了图节点A的第四象限ace内区域时，图形编辑设备将在图节点A西南方向建立两者连接；

设置当图节点B覆盖了图节点A第一象限abc和第四象限ace内区域时，图形编辑设备将在图节点A正东方向建立两者连接；设置当图节点B覆盖了图节点A第一象限abc和第二象限abd内区域时，图形编辑设备将在图节点A正北方向建立两者连接；设置当图节点B覆盖了图节点A第二象限abd和第三象限ade内区域时，图形编辑设备将在图节点A正西方向建立两者连接；设置当图节点B覆盖了图节点A第三象限ade和第四象限ace内区域时，图形编辑设备将在图节点A正南方向建立两者连接。

上述连线关系只是一种实现方式，实际覆盖区域之后的连线关系还可以是除上述方式外的其它的方式。

S102、根据识别的连线关系，将图节点A与图节点B连接。

本发明中具体的判断方法可以是：首先计算图节点A和图节点B圆心直接距离D，在判断D＜Ra+Rb时，则确认图节点A中有区域被图节点B所覆盖，其中Ra和Rb分别为图节点A和图节点B的半径；

其次，根据图节点A和图节点B对应圆心的a(x1，y1)和f(x2，y2)中的x轴和y轴坐标确认图节点B至少覆盖了图节点A的第一象限、第二象限、第三象限或第四象限，如：x1＜x2&y1＜y2则图节点B必定覆盖了图节点A的第一象限；进一步若x2-Rb＞x1&y2-Rb＜y1则图节点B除覆盖了图节点A的第一象限基础上还覆盖了图节点A的第二象限；

最后在执行覆盖确认动作后，根据预先设置的连线关系，将图节点B自动移动到图节点A的正右方，并以直线连接。

本发明实施例提供的一种连线的编辑方法，能够方便连线编辑操作。

本发明实施例提供另一种连线的编辑方法，并以图节点A和图节点B作为操作对象，如图2所示，包括以下步骤：

S201、在图节点A上设置至少一个预定义点；

预定义点的分布主要考虑图节点覆盖时的可操作性，点的选取原则为在预定义点数目固定的情况下，尽量使得点与点间距离最大。图节点A上预定义的点可以当图节点B覆盖图节点A上的任一一点时显示，也可以默认全显示。

示例性的，采用UML图形编辑器，在UML图中针对圆形图节点，设置5个预定义点：a、b、c、d和e，圆心坐标为(0.5，0.5)，圆的半径为0.5，其中x和y表示横轴坐标和纵轴坐标。如图3所示，预定义点分布关系如下：

这里只是以半径r＝0.5的圆形图节点为例，当然也可以是任意大小、任意形状和/或放置任意位置的图节点。

S202、设置图节点A上预定义点被其他图节点覆盖时，所能表现出来的图节点之间的连线关系；

进一步可选的，设置每一个预定义点被其他图节点覆盖时或不同预定义点的组合被其他图节点覆盖时，所能表现出来的图节点之间连线关系，连线关系包括连线的类型、连线的形状和连线的方向。以UML图形编辑器为例连线的类型包括：泛化类型，实现类型，关联类型，聚合类型，组合类型等多种连线类型；连线的形状有如折线，直线，曲线等；连线的方向包括：如东南方向，西南方向，西北方向，东北方向等。进一步可选的，在上述预定义点被其他图节点覆盖时，以弹出对话框或者在消息栏中显示方式，提示覆盖该预定义点所带来的连接关系。

进一步可选的，在上述预定义点被其他图节点覆盖时，以虚线和/或淡化方式显示执行该覆盖确认动作后的连接关系。覆盖确认动作可以是在完成鼠标左键选中图节点拖动后，进一步所做的松开鼠标左键的动作。

示例性的，在UML图中针对圆形图节点，设置图节点A的5个预定义点a、b、c、d、和e表示的连线类型如下(并以图节点B作为覆盖图节点A的对象)：

实现方式如下：

(图节点B同时覆盖预定义点a和b时，表示图节点A和图节点B为泛化关系，且图节点B通过垂直折线连线方式显示在图节点A的右上角)

<PointSet＝”a，c”，relationtype＝”TreeStyle-Vertical-RightDown”>

(图节点B同时覆盖预定义点a和c时，表示图节点A和图节点B为实现关系，且图节点B以垂直折线方式显示在图节点A的右下角)

<PointSet＝”a，d”，relationtype＝”TreeStyle-Vertical-LeftUp”>

(图节点B同时覆盖预定义点a和d时，表示图节点A和图节点B为聚合关系，且图节点B通过垂直折线连线方式显示在图节点A的左上角)

<PointSet＝”a，e”，relationtype＝”TreeStyle-Vertical-LeftDown”>

(图节点B同时覆盖预定义点a和e时，表示图节点A和图节点B为组合关系，且图节点B通过垂直折线连线方式显示在图节点A的左下角)

</relation>

可选的，S201和S202可以在本发明第一次使用时完成或者用户需要自定义预定义点或连线关系时完成，所述完成的与定点和连线关系可以以默认的方式在之后使用本发明的方法时应用。

S203、采集图节点A上被图节点B覆盖的预定义点；

由于在S202中连线的关系是以单个预定义点或不同预定义点的组合来表示，本实施例中不限制被覆盖的预定义点是单点还是点的集合，此处假设图节点A上的所有预定义点的集合为Set(A)，图节点A上被图节点B覆盖的预定义点的集合为集合Set(A)上的一个子集Cn，当Cn为空集表示图节点A的预定义点没有被图节点B所覆盖。

示例性的，根据图节点A在S201中所示的坐标系中的位置，图3所示，假设此时图节点A的半径为r＝0.5，图节点B在图节点A坐标系中的位置如图4所示，其中图节点A各个点在坐标系中的坐标分别为：

a(0.5，0.5)、b(0.5，1)、c(1，0.5)、d(0，0.5)和e(0.5，0)；图节点B圆心在坐标系中的坐标f(1.2，0.8)。

当图节点B的圆心点f与预定义点c之间的距离小于等于图节点A的半径r时，可以判定预定义点c在图节点B范围内。表示为：(x_f-x_c)²+(y_f-y_c)²≤r²，即(1.2-1)²+(0.8-0.5)²≤0.5²，这里只是给出了一种识别图节点B覆盖的预定义点的算法，当然其他只要能实现识别图节点B覆盖的预定义点的算法在本方案中均可采用。

此时，Set(A)中的子集Cn包含了所有被图节点B覆盖的图节点A的预定义点。如图3所示，其中Set(A)＝{a，b，c，d，e}，Cn＝{c}

S204、根据覆盖的预定义点识别图节点B与图节点A的连线关系；

这里，当图节点B被拖动到显示面板上，并且覆盖图节点A时，根据采集图节点A上被图节点B覆盖的预定义点，并根据采集到的图节点A上被图节点B覆盖的预定义点，识别图节点B与图节点A的连线关系。

如图4所示，图节点B覆盖图节点A的预定义点c；根据S202中设置的预定点被覆盖时，图节点间的连线关系确认为实现连线类型。

S205、根据识别的连线关系和所执行的覆盖确认动作，将图节点A与图节点B按照预定义点所表示的连线关系进行连线。

当图节点B被执行覆盖确认动作后，根据识别的连线关系，图节点A根据步骤S202中对Set(A)的子集Cn中的所有的预定义点设定的连线关系，对图节点A和图节点B进行自动连线，如图6所示。

示例性的，当点b被图节点B覆盖时，对图节点B与图节点A进行泛化关系连线，效果如图6a所示；

当点a、b被图节点B覆盖时，对图节点B与图节点A进行泛化关系连线，且以垂直折线方式显示在右上角，效果如图6b所示；

当点a、c被图节点B覆盖时，对图节点B与图节点A进行实现关系联系，且以垂直折线方式显示在右下角，效果如图6c所示。

当然这里提供的连线的编辑方法适用于计算机、掌上电脑、手机等具有图形编辑功能的设备，尤其适用于触摸屏显示的图形编辑设备。

在另一个实施例中，图节点A和图节点B均为矩形时，如图5所示。

示例性的，采用UML图形编辑器，在UML图中针对距形图节点A，设置5个预定义点：a、b、c、d和e，中心坐标为a(0.5，0.5)，矩形边长为1；图节点B的中心坐标为(1.8，1.8)，矩形边长为1；其中x和y表示横轴坐标和纵轴坐标。如图5所示，预定义点分布关系如下：

图节点A设置在面板上，图节点A的一个预定义点c坐标为(1，1)；将图节点B拖到面板并覆盖图节点A的预定义点c，此时图节点B的中点坐标为(1.8，1.8)，则上述步骤203的采集图节点B是否覆盖预定义点c过程如下：

根据图节点A的中点坐标(0.5，0.5)以及图节点A上预定义点X(点X属于{a，b，c，d，e})坐标，并计算预定义点X(x，y)是否在节点B的范围内，计算方法参考为1.3＜x＜2.3&1.3＜y＜2.3，计算得到仅点C在ClassB的范围内。其他步骤和过程与前一实施例类似，此处不再赘述。

本发明实施例提供的连线的编辑方法，通过根据图节点与图节点的连线关系自动识别出两个图节点之间需要建立连线以及连线关系，并自动生成连线。将节点间连线编辑的步骤从三步缩减到一步，减少了拖拽和选择的次数，极大的降低了编辑类似图形的工作量；本方案完全基于拖拽的方式进行连线编辑，非常有利于在移动设备等较低分辨率环境下进行编辑，易操作。

本发明实施例提供的一种图形编辑设备，如图7所示，包括：匹配单元62，触发单元63。

匹配单元62，用于采集第一图节点被第二图节点覆盖的区域，并识别第二图节点与第一图节点的连线关系；

触发单元63，用于根据识别的连线关系，将第一图节点与第二图节点连接。

优选的图像编辑设备还可以包括设置单元63；

设置单元61，用于设置第一图节点和第二图节点。

本发明实施例提供的图形编辑设备，能够方便图节点与图节点之间的连线编辑操作。

进一步的，如图8所示，设置单元61还包括：预定义点设置子单元611，连线关系设置子单元612。

预定义点设置子单元611，用于在第一图节点上设置至少一个预定义点；

连线关系设置子单元612，用于设置第一图节点上预定义点被其他图节点覆盖时，所能表现出来的图节点之间的连线关系。

匹配单元62还包括：采集子单元621，识别子单元622。

采集子单元621，用于采集第一图节点上被第二图节点覆盖的预定义点；

识别子单元622，用于根据覆盖的预定义点识别第二图节点与第一图节点的连线关系。

触发单元63，还用于根据识别的连线关系，将第一图节点与第二图节点按照预定义点所表示的连线关系进行连线。

当然这里提供的图形编辑设备可以为计算机、掌上电脑、手机等具有图形编辑功能的设备，同时该设备也可以是触摸屏显示的图形编辑设备。

本发明实施例提供的图形编辑设备，通过采集子单元和识别子单元，实现通过预定义点的连线关系识别预定义点的连线关系，从而进行自动连线，能够方便连线编辑操作。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (3)

1.一种连线的编辑方法，其特征在于，在第一图节点上设置至少一个预定义点，并设置所述第一图节点上预定义点被其他图节点覆盖时，所能表现出来的图节点之间的连线关系，包括：

采集所述第一图节点上被第二图节点覆盖的所述预定义点、所述第一图节点的中心坐标和覆盖范围半径以及所述第二图节点的中心坐标和覆盖范围半径；

根据覆盖的所述预定义点、所述第一图节点的中心坐标和覆盖范围半径以及所述第二图节点的中心坐标和覆盖范围半径识别所述第二图节点与所述第一图节点的连线关系；

根据识别的所述连线关系，将所述第一图节点与所述第二图节点按照所述预定义点所表示的连线关系进行连线。

2.根据权利要求1所述方法，其特征在于，所述连线关系包括：

每一个预定义点或不同预定义点的组合所表示的连线的类型、连线的形状和连线的方向。

3.一种图形编辑设备，其特征在于，包括：

设置单元，用于在第一图节点上设置至少一个预定义点；设置所述第一图节点上预定义点被其他图节点覆盖时，所能表现出来的图节点之间的连线关系；

匹配单元，用于采集所述第一图节点上被第二图节点覆盖的所述预定义点、所述第一图节点的中心坐标和覆盖范围半径以及所述第二图节点的中心坐标和覆盖范围半径；根据覆盖的所述预定义点、所述第一图节点的中心坐标和覆盖范围半径以及所述第二图节点的中心坐标和覆盖范围半径识别所述第二图节点与所述第一图节点的连线关系；

触发单元，用于根据识别的所述连线关系，将所述第一图节点与所述第二图节点按照所述预定义点所表示的连线关系进行连线。