CN111104036A - 元素控制方法、装置、设备及存储介质 - Google Patents

Abstract

本申请实施例公开了一种元素控制方法、装置、设备及存储介质，涉及电子白板技术领域，其包括：在画布中显示操作线，所述画布中还显示有第一元素和第二元素；响应于接收到的第一触控操作，移动所述操作线，并在所述操作线与所述第一元素的相对位置关系满足吸附条件时，控制所述第一元素跟随所述操作线向所述第二元素移动，所述操作线与所述第二元素的相对位置关系满足所述吸附条件时所述第一元素与所述第二元素基于所述操作线对齐。采用上述方法可以解决现有技术中无法准确、合理地实现元素的对齐控制的技术问题。

Description

元素控制方法、装置、设备及存储介质

技术领域

本申请实施例涉及电子白板技术领域，尤其涉及一种元素控制方法、装置、设备及存储介质。

背景技术

随着计算机技术的发展，计算机设备被广泛应用于日常生活的各类场景。例如，具有电子白板功能的平板电脑、电视机等智能设备被广泛应用在办公、教学等场景下。此时，用户可以基于电子白板功能在显示屏中进行书写、绘画等操作，且白板中显示的各元素相互独立。在实现本发明的过程中，发明人发现现有技术存在如下问题：当用户需要对齐多个元素时，需要逐一调整各元素的显示位置。这样，不仅需要增加用户的工作量，还无法保证对齐准确性。

综上，如何准确、合理地实现元素的对齐控制，成为了亟需解决的技术问题。

发明内容

本申请提供了一种元素控制方法、装置、设备及存储介质，以解决现有技术中无法准确、合理地实现元素的对齐控制的技术问题。

第一方面，本申请实施例提供了一种元素控制方法，包括：

在画布中显示操作线，所述画布中还显示有第一元素和第二元素；

响应于接收到的第一触控操作，移动所述操作线；

所述操作线与所述第一元素的相对位置关系满足吸附条件时，控制所述第一元素跟随所述操作线向所述第二元素移动，所述操作线与所述第二元素的相对位置关系满足所述吸附条件时所述第一元素与所述第二元素基于所述操作线对齐。

进一步的，所述操作线与所述第二元素的相对位置关系满足所述吸附条件时，还包括：

控制所述第二元素跟随所述操作线移动。

进一步的，所述操作线与所述第二元素的相对位置关系满足所述吸附条件时，还包括：

固定所述第一元素和所述第二元素的显示位置。

进一步的，所述第一元素和所述第二元素均位于所述操作线的第一侧；

所述操作线与所述第二元素的相对位置关系满足所述吸附条件时所述第一元素与所述第二元素基于所述操作线对齐之后，还包括：

响应于接收到的第二触控操作，向所述操作线的第二侧移动所述操作线，并控制所述第一元素和所述第二元素跟随所述操作线移动，所述第二侧为所述第一侧的相对侧。

进一步的，所述在画布中显示操作线时，所述操作线穿过第一元素的内部区域，所述第二元素位于所述操作线的第一侧；

所述响应于接收到的第一触控操作，移动所述操作线之前，包括：

响应于接收到的第三触控操作，向所述操作线的第二侧移动所述操作线，所述操作线与所述第一元素的相交点为空或所述操作线与所述第一元素之间满足吸附条件时确认所述操作线离开所述第一元素的内部区域，所述第二侧为所述第一侧的相对侧。

进一步的，所述在画布中显示操作线包括：

响应于接收到的元素对齐触发指令，进入元素对齐模式；

响应于接收到的第四触控操作，在所述画布中绘制操作线。

进一步的，所述在画布中显示操作线之后，包括：

响应于接收到的第五触控操作，调整所述操作线的长度，所述第五触控操作作用于所述操作线的至少一个端点。

进一步的，所述在画布中显示操作线时，还包括：

显示旋转点，所述旋转点与所述操作线满足第一设定位置关系；

所述在画布中显示操作线之后，包括：

响应于接收到的第六触控操作，调整所述操作线的角度，所述第六触控操作作用于所述旋转点。

进一步的，所述在画布中显示操作线时，还包括：

显示移动方向标识，所述移动方向标识与所述操作线满足第二设定位置关系，所述移动方向标识用于指示操作线的移动方向；

所述在画布中显示操作线之后，包括：

响应于接收到的第七触控操作，调整所述移动方向标识，所述第七触控操作作用于所述移动方向标识。

进一步的，所述画布上还显示有第三元素；

所述在画布中显示操作线之后，还包括：

响应于接收到的第八触控操作，设定所述第三元素为固定状态；

所述响应于接收到的第一触控操作，移动所述操作线时，还包括：

控制所述操作线经过所述第三元素，且所述第三元素的显示位置固定。

进一步的，在画布中显示操作线之前或之后，还包括：

响应于接收到的第九触控操作，选定所述第二元素。

进一步的，所述吸附条件为所述操作线与元素在设定方向上相切，或，所述操作线与元素的设定轮廓线重合。

第二方面，本申请实施例还提供了一种元素控制方法，包括：

在画布中显示操作线，所述画布中还显示有第一元素和第二元素；

响应于接收到的第一触控操作，监听所述操作线的移动事件；

检测到所述操作线与所述第一元素的相对位置关系满足吸附条件时，控制所述第一元素跟随所述操作线向所述第二元素移动；

检测到所述操作线与所述第二元素的相对位置关系满足吸附条件时，确认所述第一元素和所述第二元素基于所述操作线对齐。

进一步的，所述控制所述第一元素跟随所述操作线向所述第二元素移动包括：

获取所述操作线中任一坐标点的坐标数据作为起始坐标数据；

在所述操作线移动过程中，实时获取所述坐标点的当前坐标数据；

根据所述当前坐标数据和所述起始坐标数据计算坐标偏移量；

根据所述坐标偏移量移动所述第一元素，以实现所述第一元素跟随所述操作线向所述第二元素移动。

进一步的，所述检测到所述操作线与所述第一元素的相对位置关系满足吸附条件包括：

获取所述操作线的第一坐标集合以及第一元素的第二坐标集合，所述第二坐标集合包括边界坐标集合和内部坐标集合；

若确认所述第一坐标集合与设定方向上的所述边界坐标集合间存在重合坐标数据，且所述第一坐标集合与所述内部坐标集合的交集为空，则确定所述操作线与所述第一元素满足吸附条件。

进一步的，所述确认所述第一元素和所述第二元素基于所述操作线对齐之后，还包括：

解除所述第一元素与所述操作线的吸附关系以及所述第二元素与所述操作线的吸附关系。

进一步的，所述在画布中显示操作线之前或之后，还包括：

确认所述操作线的移动方向；

在所述画布中，获取位于所述第一方向上的各元素；

根据所述各元素的显示位置确定所述第一元素和所述第二元素。

第三方面，本申请实施例还提供了一种元素控制装置，包括：

第一显示模块，用于在画布中显示操作线，所述画布中还显示有第一元素和第二元素；

第一控制模块，用于响应于接收到的第一触控操作，移动所述操作线；

第一对齐模块，用于所述操作线与所述第一元素的相对位置关系满足吸附条件时，控制所述第一元素跟随所述操作线向所述第二元素移动，所述操作线与所述第二元素的相对位置关系满足所述吸附条件时所述第一元素与所述第二元素基于所述操作线对齐。

第四方面，本申请实施例还提供了一种元素控制装置，包括：

第二显示模块，用于在画布中显示操作线，所述画布中还显示有第一元素和第二元素；

监听模块，用于响应于接收到的第一触控操作，监听所述操作线的移动事件；

第二控制模块，用于检测到所述操作线与所述第一元素的相对位置关系满足吸附条件时，控制所述第一元素跟随所述操作线向所述第二元素移动；

第二对齐模块，用于检测到所述操作线与所述第二元素的相对位置关系满足吸附条件时，确认所述第一元素和所述第二元素基于所述操作线对齐。

第五方面，本申请实施例还提供了一种元素控制设备，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如第一方面所述的元素控制方法或如第二方面所述的元素控制方法。

第六方面，本申请实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如第一方面所述的元素控制方法或如第二方面所述的元素控制方法。

上述元素控制方法、装置、设备及存储介质，通过在画布中显示操作线、第一元素以及第二元素，并在接收到针对操作线的第一触控操作时，移动操作线，在操作线移动过程中若确认操作线与第一元素的相对位置关系满足吸附条件，则根据第一触控操作控制操作线继续向第二元素移动时，控制第一元素跟随操作线移动，且在操作线与第二元素的相对位置关系满足吸附条件时，第一元素和第二元素基于操作线对齐。采用上述技术手段，可以根据用户的实际需求设置操作线，并通过操作线使得多个元素基于操作线进行对齐，不仅实现了合理、准确地实现元素的对齐控制，且实现方式简单，无需用户逐一手动对齐各元素。

同时，在对齐元素后，还可以通过操作线继续控制已经对齐的元素进行移动，使得对齐后的元素显示在用户期望的位置上。

此外，操作线控制方式灵活，通过操作线的端点可以调整操作线的长度，以改变操作线移动覆盖范围，进而改变待对齐的元素的数量。通过旋转点可以改变操作线的角度，进而改变对齐方向。通过移动方向标识可以改变操作线的移动方向，以调整操作线移动覆盖范围。使得对齐结果更加符合用户的需求，提升了用户的使用体验。

附图说明

图1为本申请一个实施例提供的元素控制方法的流程图；

图2为本申请一个实施例提供的画布第一示意图；

图3为本申请一个实施例提供的画布第二示意图；

图4为本申请一个实施例提供的画布第三示意图；

图5为本申请一个实施例提供的画布第四示意图；

图6为本申请一个实施例提供的画布第五示意图；

图7为本申请一个实施例提供的一种元素控制方法的流程图；

图8为本申请一个实施例提供的画布第六示意图；

图9为本申请一个实施例提供的画布第七示意图；

图10为本申请一个实施例提供的画布第八示意图；

图11为本申请一个实施例提供的画布第九示意图；

图12为本申请一个实施例提供的画布第十示意图；

图13为本申请一个实施例提供的画布第十一示意图；

图14为本申请一个实施例提供的画布第十二示意图；

图15为本申请一个实施例提供的画布第十三示意图；

图16为本申请一个实施例提供的画布第十四示意图；

图17为本申请一个实施例提供的画布第十五示意图；

图18为本申请一个实施例提供的画布第十六示意图；

图19为本申请一个实施例提供的画布第十七示意图；

图20为本申请一个实施例提供的画布第十八示意图；

图21为本申请一个实施例提供的画布第十九示意图；

图22为本申请一个实施例提供的画布第二十示意图；

图23为本申请一个实施例提供的画布第二十一示意图；

图24为本申请一个实施例提供的一种元素控制方法的流程图；

图25为本申请一个实施例提供的一种元素控制方法的流程图；

图26为本申请一个实施例提供的一种元素控制装置的结构示意图；

图27为本申请一个实施例提供的另一种元素控制装置的结构示意图；

图28为本申请一个实施例提供的一种元素控制设备的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例用于解释本申请，而非对本申请的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本申请相关的部分而非全部结构。

需要说明的是，在本文中，诸如第一和第二之类的关系术语仅仅用来将一个实体或操作或对象与另一个实体或操作或对象区分开来，而不一定要求或者暗示这些实体或操作或对象之前存在任何这种实际的关系或顺序。例如，第一触控操作和第二触控操作的“第一”和“第二”用来区分两个不同的触控操作。

本申请实施例中提供的元素控制方法可以由元素控制设备执行，该元素控制设备可以通过软件和/或硬件的方式实现，该元素控制设备可以是两个或多个物理实体构成，也可以是一个物理实体构成。例如，元素控制设备可以是电脑、手机、平板或智能交互平板等智能设备。

为了便于理解，实施例中以智能交互平板为元素控制设备进行示例性描述。其中，智能交互平板可以是通过触控技术对显示在显示平板上的内容进行操控和实现人机交互操作的一体化设备，其集成了投影机、电子白板、幕布、音响、电视机以及视频会议终端等一种或多种功能。

一般而言，智能交互平板包括至少一块显示屏。例如，智能交互平板配置有一块具有触控功能的显示屏，且该显示屏可以是电容屏、电阻屏或者电磁屏。进一步的，用户可以通过手指或触控笔触控显示屏的方式实现触控操作，相应的，智能交互平板检测触控位置，并根据触控位置对应的显示内容确定响应方案，进而进行响应，以实现触控功能。例如，根据触控位置确定对应的显示内容为某个功能的控件，此时，响应方案为执行该功能。可以理解的是，实际应用中，用户还可以通过键盘、鼠标、物理按键等方式实现控制操作。

典型的，智能交互平板安装有至少一类操作系统，其中，操作系统包括但不限定于安卓系统、Linux系统及Windows系统。进一步的，智能交互平板可以基于操作系统安装至少一个应用程序，实施例中，以具有绘图功能的应用程序进行示例性描述。例如，智能交互平板中安装有具有绘图功能的电子白板应用程序。其中，该应用程序可以为操作系统自带的应用程序，也可以为从第三方设备或者服务器中下载的应用程序，元素控制设备也可以为应用程序本身。可选的，应用程序除具备绘图功能外，还具有其他编辑功能，如书写、插入表格、插入图片、插入多媒体、插入图形、绘制表格等功能。

示例性的，应用程序的显示界面中设置有可操作区域，该可操作区域可以记为画布，通过画布可以向用户显示绘图或编辑的交互界面。可选的，画布的显示位置可以根据实际需求设置。可以理解的是，画布的尺寸可以根据实际情况设定，其可以为有限的尺寸，也可以为无限的尺寸。进一步的，画布中建立有第一坐标系，第一坐标系的原点可以根据实际情况设定。其中，画布为无限的尺寸是指画布可以根据用户的实际需求无限减小或增大坐标系。同样的，显示屏中建立有第二坐标系，第二坐标系的原点同样可以根据实际情况设定，一般而言，第二坐标系为固定大小的坐标系。通常，第二坐标系与检测触控操作的电器元件存在对应关系，当显示屏接收到触控操作时，检测对应位置的电器元件参数发生变化，此时，智能交互平板根据电器元件参数的变化情况确定触控操作在第二坐标系中的坐标数据，即确定触控操作的触控位置，之后，根据第二坐标系与第一坐标系的映射关系，确定触控操作在第一坐标系中的坐标数据，之后，基于坐标数据在画布中对触控操作进行响应。其中，映射关系的确定方式实施例不做限定。

进一步的，将用户在画布中绘制的对象记为元素，该元素可以为用户绘制的图形、文本框、表格、笔迹等，也可以为用户插入的图形、图片等。绘制元素后，用户可以对元素进行编辑，如调整元素位置、元素大小、元素颜色等。需要说明的是，绘制元素后，各元素一般为相互独立的，即用户对某个元素进行控制操作时，若无特殊限定，不会对其他元素进行同步控制。具体的，本申请实施例以运行具有绘图功能的应用程序为例，描述元素控制方法。

图1为本申请一个实施例提供的元素控制方法的流程图。参考图1，该元素控制方法具体包括：

步骤110、在画布中显示操作线，画布中还显示有第一元素和第二元素。

示例性的，操作线是指辅助用户对元素进行控制的一条线，其可以是一条直线，也可以是一条线段。操作线可以由用户绘制，也可以由智能交互平板自动生成。当操作线由用户绘制时，显示操作线的具体过程可以为：当检测到元素对齐模式被触发后，进入元素对齐模式，之后，接收用户的触控操作，并基于触控操作得到触控位置，进而根据触控位置在画布中绘制操作线。其中，元素对齐模式仅是一种可选名称，实际应用中，还可以设定为对齐模式、吸附模式等。元素对齐模式的触发方式可以根据实际情况设定，例如，在画布的设定位置或菜单栏中显示触发控件，当检测到触发控件接收到单击操作后，确定触发元素对齐模式。进入元素对齐模式时，可选在画布中覆盖一个蒙层，以提示用户进入元素对齐模式，或者是，在画布中显示操作线绘制提示，以提示用户进入元素对齐模式。进一步的，当操作线由用户绘制时，显示操作线的具体过程还可以为：预先设定绘制操作线的快捷操作，当检测到快捷操作时，确定绘制操作线，并根据快捷操作的触控位置在画布中绘制操作线。其中，快捷操作的具体实现方式本实施例不做限定。当操作线由智能交互平板绘制时，显示操作线的具体过程可以为：预先设定操作线的显示位置，其中，显示位置为第一坐标系中的坐标数据，当检测到元素对齐模式被触发后，基于预先设定的显示位置，在画布中绘制操作线。其中，进入元素对齐模式时，可选在画布中覆盖一个蒙层，以提示用户进入元素对齐模式。可以理解的是，当智能交互平板绘制操作线时，用户可以根据实际需求调整操作线的位置，以保证后续准确的对元素进行对齐操作。

在一个实施例中，在显示操作线时，操作线的显示参数可以根据实际情况由用户或智能交互平板设定，可选的，操作线的显示参数与书写模式下用户绘制的轨迹的显示参数不同，以将操作线与用户绘制的轨迹进行区分。其中，显示参数可以包括以下至少一种或多种：线条粗细、线条颜色以及线条样式。进一步的，后续操作过程中，用户可以根据实际情况修改显示参数，且修改方式实施例不做限定，例如，在画布的设定位置显示修改控件，当检测到该修改控件接收到单击操作后，显示修改界面，该修改界面覆盖在全部或部分画布上，其具体显示内容可以根据实际情况设定。此时，用户可以通过该修改界面修改显示参数。

可选的，操作线可以为一条或多条，实施例中，以一条操作线为例进行表述。该条操作线显示在画布中时，其可以不穿过当前显示的任何元素，或者穿过某个或多个元素，或者与某个或多个元素相切。

在一个实施例中，显示操作线之前，画布中已经显示有至少两个元素，一个实施例中，以画布中分别显示第一元素和第二元素为例。其中，第一元素和第二元素为用户期望进行对齐的元素。第一元素为操作线移动过程中，先接触的元素，第二元素为操作线移动过程中，后接触的元素，即接触晚于第一元素的元素。可选的，第一元素和第二元素均可以为至少一个，实施例中，以第一元素为至少一个，第二元素为一个为例，进行表述。其中，当第一元素为多个时，多个第一元素的相对位置关系实施例不做限定。

在一个实施例中，第一元素和第二元素可以根据操作线移动过程中接触顺序确定。或者，第一元素和第二元素可以由智能交互平板自动设定或者由用户选定。例如，获取操作线移动方向上的元素，并将距离操作线最远的元素确认为第二元素，其他元素确认为第一元素。再如，提示用户输入期望对齐元素的数量，之后，在操作线移动方向上获取相同数量的元素，并在获取的元素中，将距离操作线最远的元素确认为第二元素，其他元素确认为第一元素。又如，获取针对于元素的选定操作(如针对元素的单击、长按操作等)之后，将被选定操作所选定的元素确定为第二元素，同时，将第二元素与操作线之间的元素确定为第一元素。

可选的，相对于操作线而言，第一元素和第二元素位于同一侧。例如，操作线为一条水平线时，第一元素和第二元素同时位于操作线的上方或操作线的下方。

步骤120、响应于接收到的第一触控操作，移动操作线。

在一个实施例中，显示操作线后，用户可以移动操作线，以通过操作线对元素进行控制。其中，将用户移动操作线的操作记为第一触控操作。第一触控操作的实现方式可以根据实际情况设定。例如，检测到触控操作时，若确定触控操作是对操作线的拖拽操作，则确认接收到第一触控操作。之后，对第一触控操作进行响应，即控制操作线跟随第一触控操作的触控位置同步移动。

在一个实施例中，操作线可以沿任意方向移动，或沿设定的移动方向移动。实施例中，设定操作线沿设定的移动方向移动。其中，设定的移动方向与用户期望的对齐方向有关，且可以根据用户的实际需求随时更改。以设定的移动方向为第一元素和第二元素所在的方向，且对操作线执行拖拽操作为例，当确定拖拽方向为第一元素和第二元素所在的方向时，确定接收到第一触控操作。由于第一元素和第二元素位于操作线的同一侧，因此第一元素和第二元素所在的方向也可以理解为操作线中该侧所在的方向。例如，第一元素和第二元素位于操作线的上方，此时，设定的移动方向为向上的方向。可以理解的是，手指在执行拖拽操作时，可能不会严格按照设定方向进行移动，此时，可以设置方向范围，只要用户的拖拽方向在该方向范围内时，确定接收到第一触控操作。一般而言，当用户绘制操作线时，操作线包含可移动的一个方向，该方向上包含第一元素和第二元素，此时，设定的移动方向为当前可以移动方向。或者，操作线包含可移动的两个相对方向，且其中一个方向上包含第一元素和第二元素，此时，设定的移动方向为包含第一元素和第二元素的方向。可以理解，当操作线的移动方向上没有第一元素和/或第二元素时，可以通过提示用户修改操作线的方式，使得操作线的移动方向上包含第一元素和第二元素。

步骤130、操作线与第一元素的相对位置关系满足吸附条件时，控制第一元素跟随操作线向第二元素移动，操作线与第二元素的相对位置关系满足吸附条件时第一元素与第二元素基于操作线对齐。

在一个实施例中，在操作线的移动过程中，先靠近第一元素。因此，实时确定操作线与每个第一元素的相对位置关系。其中，相对位置关系可以通过操作线在第一坐标系中的坐标集合以及第一元素在第一坐标系的坐标集合确定。在本发明的一个实施例中，当确定某个第一元素与操作线的相对位置关系满足吸附条件时，控制操作线吸附该第一元素，即建立操作线与第一元素为吸附关系。其中，控制操作线吸附第一元素是指控制第一元素跟随操作线移动，以保持第一元素与操作线的相对位置关系始终满足吸附条件。在一个实施例中，当第一元素为至少两个且每个第一元素与操作线的距离均不相同时，在操作线的移动过程中，操作线可以先后吸附至少两个第一元素，且至少两个第一元素被吸附后位于操作线的同一侧，此时，可以认为吸附后的至少两个第一元素在操作线所在直线方向上处于对齐状态。

在一个实施中，由于用户期望第一元素与第二元素对齐，因此，当操作线吸附第一元素后，用户会继续执行第一触控操作，即控制操作线向第二元素移动。此时，智能交互平板根据第一触控操作控制操作线以及被吸附的第一元素向第二元素移动。在移动过程中，移动方向不变。此时，实时确定操作线与第二元素的相对位置关系，并在第二元素与操作线的相对位置关系满足吸附条件时，确定第一元素和第二元素基于操作线对齐。此时，第二元素对应的吸附条件与第一元素对应的吸附条件相同。

其中，吸附条件可以根据实际情况设定，实施例中，设定吸附条件为操作线与元素在设定方向上相切，或，操作线与元素的设定轮廓线重合。其中，操作线与元素相切是指操作线与元素仅有一个相交点。可以理解的是，该相交点可以不等同于一个第一坐标点或第二坐标点，相交点占据坐标点的个数与元素轮廓线的线条粗细以及操作线的线条粗细有关。相交点位于元素的设定方向，其中，设定方向与操作线的移动方向有关，可选的，设定方向的相交点是指操作线与元素相互独立(即没有重合部分)且操作线沿移动方向移动时，操作线首次与元素相切时的相交点。进一步的，轮廓线是指元素的外部轮廓线，其可以显示在画布中，也可以不显示在画布中。举例而言，正方形的轮廓线为四条边，表格的轮廓线为外框线。可选的，统计元素在第一坐标系下的坐标集合，之后，获取坐标集合中的最外围坐标点，进而根据最外围坐标点确定轮廓线。进一步的，操作线与元素的轮廓线重合是指操作线的部分点与元素的某条轮廓线全部点重合，且操作线的其他点在元素的外部(即操作线的其他点与元素不重合)。典型的，为了保证控制准确性，设定仅在操作线与元素的设定轮廓线重合时，才确定元素和操作线满足吸附条件。其中，设定轮廓线是指操作线与元素相互独立(即没有重叠部分)且操作线沿移动方向移动时，操作线与元素首次产生重合的轮廓线。典型的，通过设定吸附条件，可以保证元素与操作线准确的吸附。举例而言，在操作线向第一元素移动时，若检测到操作线与某个第一元素在设定方向上相切，那么控制第一元素跟随操作线移动，以保证操作线移动过程中与第一元素始终在设定方向上相切。之后，在第一元素跟随操作线移动过程中，若检测到操作线与另一第一元素的设定轮廓线重合，则控制另一第一元素跟随操作线同步移动，以保证操作线移动过程中与另一第一元素的设定轮廓线始终重合。此时，两个第一元素均被操作线吸附，且两个第一元素在操作线所在直线方向上对齐。

可选的，可以理解，当第二元素与操作线满足吸附条件时，建立第二元素与操作线的吸附关系，此时，当第一触控操作继续执行时，第一元素和第二元素均可以跟随操作线移动，以实现用户同时移动对齐的元素。当第一元素和第二元素跟随操作线移动到用户的期望位置后，用户可以取消第一元素和第二元素与操作线的吸附关系。其中，取消吸附关系时，可以采用删除操作线的方式。其中，删除规则实施例不做限定，例如，在元素对齐模式下，画布设定位置显示删除控件，当检测删除控件接收到点击操作时，解除操作线与第一元素以及操作线与第二元素的吸附关系，并删除操作线。再如，检测到操作线接收到设定操作(如双击操作或长按操作)时，确定解除操作线与当前被吸附元素的吸附关系，并删除操作线。取消吸附关系时，还可以保留操作线，例如，在元素对齐模式下，画布设定位置显示吸附关系控制控件，当检测到吸附关系控制控件接收到单击操作时，解除操作线与当前被吸附元素的吸附关系，可以理解的是，解除吸附关系后，若想再次控制第一元素和/或第二元素，则可以再次基于第一触控操作控制操作线向第一元素以及第二元素所在的方向移动，并在移动过程中检测到操作线与第一元素和第二元素的相对位置关系满足吸附条件时，控制操作线吸附第一元素以及第二元素。需要说明的是，实施例中以一条操作线为例，实际应用中，若当前画布中显示至少两条操作线，则每条操作线均可设置对应的吸附关系控制控件或删除控件等。或者是，当第二元素与操作线满足吸附条件时，固定第一元素和第二元素在显示屏中的显示位置，即取消第一元素与操作线的吸附关系。此时，即使第一触控操作继续执行，第一元素和第二元素均不会继续跟随操作线移动，以实现元素的对齐。

可选的，显示操作线时，其可能穿过某个或多个第一元素，即操作线的部分点在第一元素的内部。此时，为了实现操作线吸附该第一元素，可以先指示用户沿第二元素所在方向的反方向移动操作线，直到操作线与第一元素独立为止，之后，再基于第一触控操作沿第二元素所在的方向移动操作线，或者是，指示用户沿第二元素所在方向反方向移动操作线时，确定操作线与第一元素的相对位置关系是否满足吸附条件，若满足吸附条件，则可以直接建立操作线与第一元素的吸附关系，若不满足吸附条件，可以继续移动操作线。

可选的，当第一元素满足吸附条件时，若检测到第一触控操作中断，则保持第一元素和操作线的吸附关系，并当再次检测到第一触控操作时，控制第一元素跟随操作线向第二元素移动。

下面对实施例提供的技术方案进行示例性描述：

智能交互平板当前处于元素对齐模式。吸附条件为操作线与元素在设定方向上相切，或，操作线与元素的设定轮廓线重合。图2为本申请一个实施例提供的画布第一示意图。参考图2，当前的画布中显示四个元素，分别为元素11、元素12、元素13以及元素14，同时，画布中还显示操作线15。此时，第一元素为元素11和元素13，第二元素为元素12。

进一步的，图3为本申请一个实施例提供的画布第二示意图，其为操作线移动过程中画布的截图。参考图3，手指沿箭头指示方向拖拽操作线15，此时，智能交互平板检测到操作线15接收拖拽操作时，确认接收到第一触控操作，且确认拖拽操作的方向为第一元素和第二元素所在的方向。之后，对第一触控操作进行响应，即控制操作线15沿拖拽方向移动。

在移动过程中，智能交互平板实时检测操作线15与各第一元素的相对位置关系。进一步的，图4为本申请一个实施例提供的画布第三示意图，其为操作线移动过程中画布的截图，参考图4，在操作线15移动到当前位置时，确定操作线15与元素13的相对位置关系满足吸附条件，控制元素13跟随操作线15移动，以使元素13与操作线15的相对位置关系始终满足吸附条件。进一步的，基于接收到的第一触控操作继续移动操作线15，图5为本申请一个实施例提供的画布第四示意图，其为操作线移动过程中画布的截图，参考图5，在操作线15移动到当前位置时，元素13同步移动到对应位置，且确定操作线15与元素11的相对位置关系满足吸附条件，此时，控制元素11跟随操作线15移动，以使元素11与操作线15的相对位置关系始终满足吸附条件。此时，元素11和元素13相对于操作线15对齐。进一步的，基于第一触控操作继续移动操作线15，图6为本申请一个实施例提供的画布第五示意图，其为操作线移动过程中画布的截图，参考图6，在操作线15移动到当前位置时，元素13和元素11同步移动到对应位置，且确定操作线15与第二元素对应的元素12的相对位置关系满足吸附条件，此时，确认实现元素11、元素12和元素13相对于操作线15对齐，即实现了通过操作线对元素进行控制及对齐。

可以理解的是，上述附图中出现的手指和箭头仅用于解释技术方案，实际应用中不会显示在画布中。同时，在实际应用中，还可以根据实际需求在画布中显示触发控件、删除控件、吸附关系控制控件、旋转点和/或移动方向标识等，实施例对此不做限定。

上述，通过在画布中显示操作线、第一元素和第二元素，并在接收到针对操作线的第一触控操作时，移动操作线，在操作线移动过程中若确认操作线与第一元素的相对位置关系满足吸附条件，则控制第一元素跟随操作线向第二元素移动，以保持第一元素与操作线的相对位置关系不变，之后，当第二元素与操作线的相对位置关系满足吸附条件时，确认第一元素和第二元素基于操作线对齐。采用上述技术手段，可以根据用户的实际需求设置操作线，并通过操作线使得多个元素基于操作线进行对齐，不仅实现了合理、准确地对元素进行对齐控制，且对齐控制过程简单、易于操作，无需用户逐一手动对齐各元素，提升了用户的使用体验。

在上述实施例的基础上，设定操作线与第二元素的相对位置关系满足吸附条件时，还包括：控制第二元素跟随操作线移动。

在一个实施例中，当第一元素和第二元素基于操作线对齐后，若用户继续移动操作线，则智能交互平板继续检测到第一触控操作，并根据第一触控操作控制第一元素和第二元素跟随操作线继续移动。其中，控制第二元素跟随操作线移动的方式与控制第一元素跟随操作线移动的方式相同。这样做的好处是，可以使得对齐后的元素移动到用户期望的位置上。

在上述实施例的基础上，设定操作线与第二元素的相对位置关系满足吸附条件时，还包括：固定第一元素和第二元素的显示位置。

在一个实施例中，当第一元素和第二元素基于操作线对齐后，无论用户是否继续移动操作线，智能交互平板均会取消第一元素与操作线的吸附关系，并且无需建立第二元素与操作线的吸附关系。即固定第一元素和第二元素在画布中的显示位置。这样做的好处是，当第一元素和第二元素基于操作线对齐时，通过固定第一元素和第二元素的显示位置提示用户当前第一元素和第二元素已经对齐。可以理解，固定显示位置后，用户可以结合实际需求调整第一元素和第二元素的显示位置。

图7为本申请一个实施例提供的一种元素控制方法的流程图。本实施例是在上述实施例的基础上进行具体化。在一个实施例中，设定第一元素和第二元素均位于操作线的第一侧。参考图7，一个实施例中，提供的元素控制方法具体包括：

步骤210、在画布中显示操作线，画布中还显示有第一元素和第二元素。

实施例中，以用户绘制操作线为例进行描述，此时该步骤包括步骤211-步骤212。

步骤211、响应于接收到的元素对齐触发指令，进入元素对齐模式。

具体的，元素对齐触发指令用于触发元素对齐模式。元素对齐触发指令的触发方式可以根据实际情况设定。实施例中，以在画布的设定位置显示触发控件为例。此时，当检测到触发控件接收到单击操作时，确定接收到元素对齐触发指令，并使画布进行元素对齐模式。可选的，进入元素对齐模式后，用户无法在画布中进行书写、画图等操作。可以理解，在进入元素对齐模式前，画布中显示有第一元素和第二元素。

可选的，进入元素对齐模式后，用户可以根据实际需求随时退出元素对齐模式。其中，退出元素对齐模式的方式实施例不做限定。例如，当检测到触发控件再次接收到单击操作时，确定接收到元素对齐退出指令，并响应于元素对齐退出指令，退出元素对齐模式。其中，元素对齐退出指令用于退出元素对齐模式。进一步的，若当前画布中显示有操作线，则在退出元素对齐模式时，同步删除操作线。可选的，若画布中还显示有操作线相关的控件，则同步删除上述控件。

步骤212、响应于接收到的第四触控操作，在画布中绘制操作线。

示例性的，第四触控操作为绘制操作线的触控操作。典型的，进入元素对齐模式后，检测到作用于画布的触控操作，且该触控操作的起始位置与任何控件及操作线均不重合时，确定接收到第四触控操作，并实时确定第四触控操作的触控位置，进而在触控位置中绘制操作线。

进一步的，考虑到在绘制操作线后，存在用户需要修改操作线的长度，以调整操作线的移动覆盖范围的情况。其中，移动覆盖范围是指操作线在移动时经过的范围。据此，实施例中设定执行步骤210之后，还包括：响应于接收到的第五触控操作，调整操作线的长度，第五触控操作作用于操作线的至少一个端点。

具体的，操作线的至少一个端点可以作为调整操作线长度的调整点。实施例中，以两个端点均为调整点为例进行描述。可选的，为了使用户明确调整点，在显示操作线时，可以对操作线的两端突出显示。例如，图8为本申请一个实施例提供的画布第六示意图。参考图8，画布中操作线21在显示时，其两个端点(端点22和端点23)被突出显示。

在一个实施例中，用户可以对一个调整点或两个调整点进行触控操作，以实现长度调整。实施例中，以用户对一个调整点进行触控操作为例进行表述。典型的，当接收到作用于某个调整点的触控操作时，确定接收到第五触控操作，第五触控操作为用于调整操作线长度的操作。其中，第五触控操作的具体实现方式实施例不做限定。例如，当检测到某个调整点接收到拖拽操作时，确定接收到第五触控操作。再如，若检测到某个调整点接收到单击操作，之后，在画布的其他位置再次接收到单击操作，则确定接收到第五触控操作。实施例中，以拖拽操作为例。

在一个实施例中，当接收到第五触控操作时，实时获取第五触控操作当前触控位置在第一坐标系中的坐标数据，之后，在操作线所在直线中确定与该坐标数据对应的坐标点，控制操作线将调整点移动至该坐标点，并同步调整操作线的长度，以使两个端点之间连续。其中，当第五触控操作在操作线所在的直线上移动时，可以直接将调整点移动到坐标数据对应的坐标点。若第五触控操作并非严格地在操作线所在的直线上移动，则需要在操作线所在直线中确定与该坐标数据对应的坐标点，其中，坐标点确定方式实施例不做限定，例如，在直线中寻找距离坐标数据最近的坐标点。再如，设定直线某个坐标点的垂线经过坐标数据时，确定该坐标点为坐标数据对应的坐标点。

举例而言，图9为本申请一个实施例提供的画布第七示意图。参考图9，显示操作线21时，端点22和端点23被突出显示，此时，操作线21的移动覆盖范围如阴影所示。进一步的，检测到端点22接收到第五触控操作，且拖拽方向如图9中箭头所示。此时，根据第五触控操作的坐标数据修改操作线21的长度。图10为本申请一个实施例提供的画布第八示意图，其为响应第五触控操作过程中，某一时刻画布截图。参考图10，根据第五触控操作的坐标数据延长了操作线21的长度。此时，相比于图9，图10中操作线21的移动覆盖范围明显增大了。可以理解的是，上述附图中出现的移动覆盖范围、手指和箭头仅用于解释技术方案，实际应用中不会显示在画布中。

进一步的，考虑到在绘制操作线后，存在用户需要修改操作线的角度，以调整对齐方向的情况。其中，对齐方向是指第一元素和第二元素在该方向上对齐。据此，实施例中设定执行步骤210时，还执行：显示旋转点，旋转点与操作线满足第一设定位置关系。且在执行步骤210之后，还包括：响应于接收到的第六触控操作，调整操作线的角度，第六触控操作作用于旋转点。

具体的，旋转点是用于调整操作线角度的参考点。其中，通过调整操作线的角度可以实现调整元素的对齐方向。实施例中，通过旋转点实现调整操作线的角度。可选的，为了使用户明确旋转点，在显示操作线时，同步显示旋转点。或者，当操作线接收到设定操作(如单击操作或双击操作等)时，显示旋转点。其中，旋转点与操作线满足第一设定位置关系。第一设定位置关系可以根据实际情况设定，例如，图11为本申请一个实施例提供的画布第九示意图。参考图11，画布中显示操作线24时，同步显示旋转点25，且旋转点25位于操作线24中间点的正上方。再如，图12为本申请一个实施例提供的画布第十示意图。参考图12，画布中显示操作线26时，同步显示旋转点27，且旋转点27位于操作线26一侧端点的正上方。实施例中，以旋转点位于操作线中间点的正上方为例。

进一步的，第六触控操作是用于调整操作线角度的操作，其作用于旋转点。其中，第六触控操作的具体实现方式实施例不做限定。例如，旋转点位于操作线的中间点的正上方。此时，中间点可以认为是操作线的旋转中心。旋转点与旋转中心的连线垂直于操作线。当检测到以旋转点为起点的移动操作时，确定接收到第六触控操作。进一步的，实时获取第六触控操作移动过程中的当前触控位置，并确认当前触控位置在第一坐标系中的坐标数据，之后，基于坐标数据以及旋转点确定旋转角度，并以操作线中间点为中心，基于旋转角度对操作线进行旋转，以实现改变操作线的角度。其中，基于坐标数据以及旋转点确定旋转角度的计算方式可以根据实际情况设定。例如，确定坐标数据与旋转中心之间的连线，以及旋转点与旋转中心之间的连线，之后，获取两个连线之间的角度并作为旋转角度。可以理解，当第六触控操作实时更新时，坐标数据与旋转中心之间的连线实时改变，而操作线旋转点与旋转中心之间的连线仍然保持为接收第六触控操作之前的连线，以保证旋转角度的准确性。

举例而言，图13为本申请一个实施例提供的画布第十一示意图。参考图13，画布中显示操作线24时，同步显示旋转点25。检测到旋转点25接收到第六触控操作，且移动方向如图13中箭头所示。此时，根据第六触控操作的坐标数据修改操作线24的角度。图14为本申请一个实施例提供的画布第十二示意图，其为第六触控操作过程中，某一时刻画布截图。参考图14，根据第六触控操作的坐标数据修改了操作线24的角度，相比于图13，图14中操作线25的角度发生了变化，使得对齐方向发生了变化，此时，对齐方向由水平对齐变为了斜对齐。可以理解的是，上述附图中出现的手指和箭头仅用于解释技术方案，实际应用中不会显示在画布中。

进一步的，考虑到在绘制操作线后，存在用户需要修改操作线的移动方向的情况。据此，实施例中设定执行步骤210时，还执行：显示移动方向标识，移动方向标识与操作线满足第二设定位置关系，移动方向标识用于指示操作线的移动方向。且在执行步骤210之后，还包括：响应于接收到的第七触控操作，调整移动方向标识，第七触控操作作用于移动方向标识。

具体的，移动方向标识用于表示操作线的移动方向。可选的，移动方向标识的标识样式可以根据实际情况设定。进一步的，移动方向标识与操作线之间满足第二设定位置关系。其中，第二设定位置关系的具体内容可以根据实际情况设定。例如，图15为本申请一个实施例提供的画布第十三示意图，参考图15，移动方向标识28设置在操作线29的一端，且指示移动方向为垂直向下的方向以及垂直向上的方向，此时，智能交互平板可以根据元素位置确定垂直向下的方向为设定的移动方向。又如，移动方向标识设置在操作线的中间上方设定距离处。

进一步的，第七触控操作为用于旋转移动方向标识的操作，其作用于移动方向标识。其中，第七触控操作的具体实现方式实施例不做限定。例如，当检测到以移动方向标识为起点的移动操作时，确定接收到第七触控操作。进一步的，实时获取第七触控操作移动过程中的当前触控位置，并确认当前触控位置在第一坐标系中的坐标数据，之后，基于坐标数据以及移动方向标识的中心点确定旋转角度，之后，以移动方向标识的中心点为基准，以第七触控操作的移动方向为旋转方向，基于旋转角度对移动方向标识进行旋转。其中，旋转角度的计算方式可以根据实际情况设定。例如，设定移动方向标识中心点所在垂线为0°，获取坐标数据与中心点的连线，并将连线与垂线之间的夹角作为旋转角度。

举例而言，图16为本申请一个实施例提供的画布第十四示意图。参考图16，画布中显示操作线29时，同步显示移动方向标识28，移动方向为垂直向下及向上的方向，此时，操作线29的移动覆盖范围如阴影所示。进一步的，检测到移动方向标识28接收到第七触控操作，且移动方向如图16中箭头所示。此时，根据第七触控操作旋转移动方向标识28。图17为本申请一个实施例提供的画布第十五示意图，其为第七触控操作过程中，某一时刻画布截图。参考图17，根据第七触控操作的坐标数据旋转移动方向标识28，相比于图16，图17中移动方向标识28发生变化，因此，移动方向发生了变化，此时，移动覆盖范围跟随移动方向同步发生变化。可以理解的是，上述附图中出现的移动覆盖范围、手指和箭头仅用于解释技术方案，实际应用中不会显示在画布中。

需要说明的是，用于修改操作线长度的端点、旋转点以及移动方向标识可以在显示操作线时同步显示，也可以在接收到显示指令时再显示。其中，显示指令的触发方式以及触发时间在本实施例不做限定。例如，设定显示控件，当检测到该显示控件接收到单击操作时，确定接收到显示指令。又如，当操作线接收到设定操作(如单击操作或双击操作等)时，确定接收到显示指令。可选的，端点、旋转点以及移动方向标识可以采用同一显示指令同时显示。也可以设定端点、旋转点以及移动方向标识采用不同的显示指令分别显示。可选的，当基于旋转点调整操作线角度时，移动方向标识可以同步调整，即调整角度时，保持移动方向标识与操作线的相对位置关系不变。或者是，基于旋转点调整操作线角度时，移动方向标识可以固定，即调整角度时，保持移动方向标识与操作线的相对位置关系不变。

步骤220、响应于接收到的第九触控操作，选定第二元素。

可选的，显示操作线后，设定由用户选定第二元素。实施例中，将选定第二元素的触控操作记为第九触控操作。其中，第九触控操作的触发方式实施例不作限定。例如，当检测到任一元素接收到双击操作、单击操作或长按操作后，确认接收到第九触控操作。之后，确认该元素是否位于操作线的移动方向上，若位于操作线的移动方向上，则将该元素确认为第二元素，同时对设定方向进行验证。否则，提示用户重新选定第二元素。之后，智能交互平板可将第二元素与操作线之间的元素确定为第一元素。可以理解，人为选定第二元素的好处是，可使智能交互平板明确当前用户期望对齐的元素。当对齐第二元素后，若操作线继续移动且与其他元素满足吸附条件，则会忽略其他元素。即当操作线与第二元素满足吸附条件后，不在检测操作线与其他元素是否满足吸附条件。

可以理解，用户可以同样选定第一元素，此时，第一元素的选定方式可以与第二元素的选定方式不同或相同。当相同时，可以将用户选定的、距离操作线最远的元素确定为第二元素，其余元素确定为第一元素。

步骤230、响应于接收到的第一触控操作，移动操作线。

步骤240、操作线与第一元素的相对位置关系满足吸附条件时，控制第一元素跟随操作线向第二元素移动，操作线与第二元素的相对位置关系满足吸附条件时第一元素与第二元素基于操作线对齐。

步骤230和步骤240中移动操作可以认为是向操作线的第一侧进行移动。

步骤250、响应于接收到的第二触控操作，向操作线的第二侧移动操作线，并控制第一元素和第二元素跟随操作线移动，第二侧为第一侧的相对侧。

示例性的，考虑到元素对齐后，用户可能希望调整元素的显示位置。因此，实施例中设定操作线还可以向第二元素所在方向的反方向移动，即向操作线的第二侧移动。具体的，第二触控操作为控制操作线向第二侧移动的操作。由于第二侧为第一侧的相对侧，因此，第二触控操作与第一触控操作之间触控方式相同，触控方向相反。可以理解，第一触控操作和第二触控操作可以为不同的操作，即用户可以先执行第一触控操作后执行第二触控操作。或者是，第一触控操作和第二触控操作也可以为同一触控操作，即当第二元素和第一元素对齐后，用户可以不离开屏幕，而是向第二侧移动操作线，此时，智能交互平板确定由第一触控操作变为第二触控操作。

进一步的，由于第一元素和第二元素与操作线之间的相对位置关系均满足吸附条件，此时，控制操作线向第二侧移动时，第一元素和第二元素均跟随操作线移动，以保持第一元素和第二元素与操作线之间的相对位置关系均满足吸附条件。此时，可以使用户将对齐后的元素放置在期望的位置上。其中，控制元素跟随操作线向第二侧移动与控制元素跟随操作线向第一侧移动的实现方式相同，在此不做赘述。

举例而言，图18为本申请一个实施例提供的画布第十六示意图，其为操作线向其第一侧移动后画布的界面图。第一侧所在的方向为垂直向下的方向，此时，参考图18，第一元素202、第一元素204以及第二元素203被操作线201吸附，且基于操作线201对齐。进一步的，智能交互平板检测到操作线201接收拖拽操作，且拖拽操作指向操作线的第二侧，确认接收到第二触控操作，并对第二触控操作进行响应，即控制操作线201向第二侧移动，即向操作线垂直向上的方向移动。在移动过程中，智能交互平板控制第一元素202、第一元素204以及第二元素203跟随操作线201移动。进一步的，图19为本申请一个实施例提供的画布第十七示意图，其为操作线移动过程中画布的截图，从图19可知，第一元素202、第一元素204以及第二元素203跟随操作线201向第二侧移动。可以理解的是，上述附图中出现的手指和箭头仅用于解释技术方案，实际应用中不会显示在画布中。

可选的，在操作线所在的直线上显示吸附关系控制控件，若吸附关系控制控件未被选中，那么操作线向第二侧移动时，第一元素和第二元素不跟随移动，即操作线和第一元素以及第二元素取消吸附关系。若吸附关系控制控件被选中，那么操作线向第二侧移动时，第一元素和第二元素跟随移动。可以理解的时，无论吸附关系控制控件是否被选中，操作线向第一侧移动时，只要第一元素与操作线间的相对位置关系满足吸附条件，第一元素便可以跟随操作线同步移动。

实际应用中，也可以设定操作线向除第一方向外的任意方向移动，此时，第一元素可以跟随操作线任意移动。

上述，通过在画布中显示操作线、第一元素和第二元素，并在接收到针对操作线的第一触控操作时向操作线的第一侧移动操作线，在操作线移动过程中若确认操作线与第一元素的相对位置关系满足吸附条件，则控制第一元素跟随操作线移动，以保持相对位置关系不变，当操作线与第二元素的相对位置关系满足吸附条件时，确定第一元素和第二元素基于操作线对齐，进一步的，接收到针对操作线的第二触控操作时，沿操作线的第二侧移动操作线，并控制第一元素和第二元素跟随操作线同步移动，以保持相对位置关系不变的技术手段，可以实现根据用户的实际需求设置操作线，并通过操作线使得多个元素基于操作线进行对齐，合理、准确地实现对齐控制，且实现方式简单，无需用户逐一手动对齐各元素，同时，在对齐元素后，还可以通过操作线移动对齐的元素，使得元素显示在用户期望的位置上。此外，操作线控制方式灵活，通过操作线的端点可以调整操作线的长度，以改变操作线移动覆盖范围，进而改变待对齐的元素的数量。通过旋转点可以改变操作线的角度，进而改变对齐方向。通过移动方向标识可以改变操作线的可移动方向，以调整操作线移动范围。使得对齐结果更加符合用户的需求，提升了用户的使用体验。

实际应用中，在画布中显示操作线时，存在操作线穿过某个元素的情况，此时，若想要吸附该元素，则需要调整操作线的位置。据此，实施例设定画布中显示操作线时，操作线穿过第一元素的内部区域，第二元素位于操作线的第一侧，同时，设定在响应于接收到的第一触控操作，移动操作线之前，还包括：响应于接收到的第三触控操作，向操作线的第二侧移动操作线，操作线与第一元素的相交点为空或操作线与第一元素之间满足吸附条件时确认操作线离开第一元素的内部区域，第二侧为第一侧的相对侧。

具体的，操作线可以穿过一个第一元素或多个第一元素。操作线穿过元素的内部区域是指操作线的部分点与元素的内部区域坐标产生重合。进一步的，若用户想要实现在待对齐的元素中包含当前穿过的第一元素，则可以通过向操作线的第二侧移动操作线的方式，使第一元素与操作线满足吸附条件，即使得操作线离开第一元素的内部区域。此时，将向第二侧移动操作线的触控操作记为第三触控操作。其中，第三触控操作与第二触控操作的实现方式相同。

在一个实施例中，设定操作线移动过程中包含两种场景：

操作线与第一元素无法实现吸附。此时，设定仅在操作线向第一侧移动时与元素实现吸附。该情况下，用户仅需控制操作线移动，使得第一元素全部位于操作线的第一侧(即操作线离开第一元素的内部区域)即可。其中，操作线离开第一元素的内部区域包含两种类型，一是，操作线与第一元素没有任何的重合，即操作线与第一元素的相交点为空，二是，操作线与第一元素满足吸附条件，即当操作线再向第一侧移动时，可以实现吸附第一元素。

举例而言，图20为本申请一个实施例提供的画布第十八示意图。参考图20，在画布中显示操作线205时，其穿过第一元素206。智能交互平板检测到操作线205接收拖拽操作，且拖拽操作指向操作线的第二侧，确认接收到第三触控操作，并对第三触控操作进行响应，即控制操作线205沿第二侧的移动方向进行移动，以使得操作线205离开第一元素206的内部区域。图21为本申请一个实施例提供的画布第十九示意图，其为移动操作线后的画布示意图，从图21可知，操作线205离开第一元素206的内部区域。可以理解的是，上述附图中出现的手指和箭头仅用于解释技术方案，实际应用中不会显示在画布中。

二、操作线与第一元素可以实现吸附。此时，在操作线的移动过程中，实时获取第一元素和操作线之间的相对位置关系，并在相对位置关系满足吸附条件时，控制第一元素跟随操作线沿第二侧的移动方向同步移动，此时，第一元素全部位于操作线的第一侧上。其中，相对位置关系确认方式与第一元素和操作线的相对位置关系确认方式相同。进一步的，当控制操作线沿第一侧或第二侧移动时，被吸附的第一元素跟随操作线沿第一侧或第二侧移动。

举例而言，图20为本申请一个实施例提供的画布第十八示意图。参考图20，在画布中显示操作线205时，其穿过第一元素206。智能交互平板检测到操作线205接收拖拽操作，且拖拽操作指向操作线的第二侧，确认接收到第三触控操作，并对第三触控操作进行响应，即控制操作线205沿第二侧的移动方向移动，以使操作线205离开第一元素206的内部区域。在操作线205的移动过程中，实时检测操作线205与第一元素206的相对位置关系。进一步的，图22为本申请一个实施例提供的画布第二十示意图，其为操作线205与第一元素206的相对位置关系满足吸附关系时的画布示意图，此时，控制第一元素206跟随操作线205沿第二侧或第一侧移动，图22中以第二侧移动为例。进一步的，图23为本申请一个实施例提供的画布第二十一示意图，其为操作线移动过程中画布的截图，参考图23，在操作线205移动到当前位置时，第一元素206同步移动到对应位置，即操作线移动过程中实现了吸附第一元素。可以理解的是，上述附图中出现的手指和箭头仅用于解释技术方案，实际应用中不会显示在画布中。

可以理解，第一触控操作和第三触控操作可以为不同的操作，即用户可以先执行第三触控操作后执行第一触控操作。或者是，第一触控操作和第三触控操作也可以为同一触控操作，即当操作线离开第一元素的内部区域后，用户可以不离开屏幕，而是沿第一侧继续移动操作线，此时，智能交互平板确定由第三触控操作变为第一触控操作。

通过上述设定，可以防止在操作线穿过某个元素时，无法实现对该元素吸附的情况，实现了通过操作线控制该元素与其他元素对齐。

可以理解，在操作线向第二元素移动的过程中，操作线经过的某个元素可能不是用户期望对齐的元素，此时，用户可以固定该元素的显示位置，以在操作线与该元素的相对位置关系满足吸附条件时，元素不跟随操作线移动，进而使得对齐的元素中不包含该元素。据此，设定画布上还显示有第三元素；在画布中显示操作线之后，还包括：响应于接收到的第八触控操作，设定第三元素为固定状态；响应于接收到的第一触控操作，移动操作线时，还包括：控制操作线经过第三元素，且第三元素的显示位置固定。

在一个实施例中，将操作线移动过程中会经过但无需对齐的元素记为第三元素，并将相应的状态记为固定状态。进一步的，在显示操作线之前或之后，用户可以通过设定的触控操作选定第三元素。实施例中，将设定的触控操作记为第八触控操作。其中，第八触控操作的触发方式可以根据实际情况设定，如针对元素的长按操作、双击操作等。可选的，第八触控操作的触控方式与第九触控操作的触发方式不同。

选定第三元素后，在根据第一触控操作移动操作线的过程中，无需确认操作线与第三元素的相对位置关系。即不会出现第三元素跟随操作线移动的情况。此时，第三元素在画布中的显示位置固定。可以理解，第三元素的显示位置固定后，除了第一触控操作外，其他移动操作线的触控操作也不会触发智能交互平板确认操作线与第三元素的相对位置关系。需要说明，第一元素以及第三元素之间的排列顺序实施例不做限定。

可选的，若用户想要将第三元素归入待对齐元素，那么可以对第三元素再次执行第八触控操作，此时，智能交互平板取消第三元素的固定状态，即将第三元素归为第一元素或第二元素。相应的，在移动操作线的过程中，需要确认操作线与第三元素的相对位置关系，并在满足吸附条件时，控制第三元素跟随操作线移动。

设置第三元素的好处是，可以使得对齐元素的选择更加灵活，提升用户的交互体验。

图24为本申请一个实施例提供的一种元素控制方法的流程图。本实施例中提供的元素控制方法与上述实施例提供的元素控制方法应用在相同的场景中。参考图24，本实施例提供的元素控制方法包括：

步骤310、在画布中显示操作线，画布中还显示有第一元素和第二元素。

步骤320、响应于接收到的第一触控操作，监听操作线的移动事件。

具体的，显示操作线后，若确认画布中接收到触控操作，则获取触控操作在第一坐标系中的起始位置，若确定起始位置位于操作线上，且触控操作的拖拽方向为第一元素和第二元素所在的方向，则确定接收到第一触控操作。之后，控制操作线沿拖拽方向跟随第一触控操作移动，即执行移动事件。此时，智能交互平板持续监听移动事件。其中，监听移动事件是指实时确认操作线在第一坐标系内的坐标集合(位置)，并将该位置与各第一元素和第二元素在第一坐标系内的坐标集合(位置)进行比较，以确认相对位置关系。

可选的，显示操作线后，智能交互平板根据操作线的长度、角度以及设定方向，确定操作线的移动覆盖范围，并确认第一元素和第二元素。其中，移动覆盖范围可以是在第一坐标系内的坐标范围。

步骤330、检测到操作线与第一元素的相对位置关系满足吸附条件时，控制第一元素跟随操作线向第二元素移动。

具体的，在监听过程中，实时计算操作线与各第一元素的相对位置关系，并确定相对位置关系是否满足吸附条件。其中，吸附条件为操作线与第一元素在设定方向上相切，或，操作线与第一元素的设定轮廓线重合。当确定相对位置关系满足吸附条件时，确定操作线与第一元素为吸附关系，并控制第一元素跟随操作线移动。

步骤340、检测到操作线与第二元素的相对位置关系满足吸附条件时，确认第一元素和第二元素基于操作线对齐。

具体的，继续移动操作线时，智能交互平板继续监听移动事件，并在监听过程中，实时计算操作线与第二元素的相对位置关系，并确定相对位置关系是否满足吸附条件。其中，吸附条件为操作线与第二元素在设定方向上相切，或，操作线与第二元素的设定轮廓线重合。当确定相对位置关系满足吸附条件时，确认第一元素和第二元素基于操作线对齐。

上述，通过在画布中显示操作线、第一元素以及第二元素，响应于接收到的第一触控操作，控制操作线移动，并监听操作线的移动事件，若监听到操作线与画布中每个第一元素的相对位置关系满足吸附条件时，控制每个第一元素均跟随操作线向第二元素移动，并在操作线与第二元素的相对位置关系满足吸附条件时确认所述第一元素和所述第二元素基于所述操作线对齐的技术方案，可以实现根据用户的实际需求设置操作线，并使得多个元素基于操作线进行对齐，不仅合理、准确地实现对齐控制，且计算过程简单，计算量小，同时，无需用户逐一手动对齐各元素，提升了用户的使用体验。

在上述实施例的基础上，确认第一元素和第二元素基于操作线对齐之后，还包括：解除第一元素与操作线的吸附关系以及第二元素与操作线的吸附关系。

具体的，当确认第一元素和第二元素基于操作线对齐后，可以固定第一元素和第二元素在画布中的显示位置。即解除第一元素与操作线的吸附关系以及第二元素与操作线的吸附关系。此时，即使操作线继续移动，第一元素和第二元素也不会跟随操作线移动。

可以理解，除了自动解除吸附关系，还可以用户手动解除吸附关系。此时，在未解除吸附关系时，若操作线继续移动，智能交互平板控制第一元素和第二元素跟随操作线移动。并在确认用户手动解除吸附关系时，固定当前第一元素和第二元素在画布中的显示位置。其中，手动解除吸附关系的方式实施例不做限定。例如，显示吸附控件。当检测到吸附控件接收到点击操作时，确定解除操作线当前具有吸附关系的元素。

需要说明，实际应用中，若在第二元素满足吸附条件时，自动解除吸附关系，则也可以不建立第二元素与操作线的吸附关系。此时，仅需解除第一元素与操作线的吸附关系即可。

通过解除元素与操作线的吸附关系，使得对齐手段更加灵活，提升用户的交互体验。

图25为本申请一个实施例提供的一种元素控制方法的流程图。本实施例是在上述实施例的基础上进行具体化。参考图25，本实施例提供的元素控制方法具体包括：

步骤401、在画布中显示操作线，画布中还显示有第一元素和第二元素。

步骤402、确认操作线的移动方向。

具体的，绘制操作线时，操作线具有移动方向。一般而言，当操作线上显示有移动方向标识时，可以通过移动方向标识使用户明确移动方向。可以理解，当操作线可以双向移动时，可以在两个移动方向中选定一个移动方向，或者是，通过各移动方向上的元素数量，选择元素数量较多的移动方向为当前确认的移动方向。

步骤403、在画布中，获取位于移动方向上的各元素。

具体的，根据移动方向、操作线的角度和长度可以确定操作线在画布中的移动覆盖范围，之后，结合各元素在画布中的显示位置，获取位于移动覆盖范围内的各元素，并确认为移动方向上的元素。

步骤404、根据各元素的显示位置确定第一元素和第二元素。

具体的，可以结合移动覆盖范围内各元素在画布中的显示位置，获取距离操作线最远的元素作为第二元素，其余元素作为第一元素。可以理解，还可以是由用户选定第一元素和/或第二元素。当用户选定第一元素时，除了第一元素外，距离操作线最近的元素记为第二元素。当用户选定第二元素时，将第二元素与操作线之间的元素记为第一元素。

可以理解，在接收绘制操作线之后，可以再显示操作线之前执行步骤402-步骤404。

步骤405、响应于接收到的第一触控操作，监听操作线的移动事件。

步骤406、获取操作线的第一坐标集合以及第一元素的第二坐标集合，第二坐标集合包括边界坐标集合和内部坐标集合。

具体的，第一坐标集合为操作线在第一坐标系内的坐标集合，第二坐标集合为对应第一元素在第一坐标系内的坐标集合。每个第一元素对应一个第二坐标集合。第一坐标集合和第二坐标集合均通过监听移动事件获得。进一步的，第二坐标集合包括边界坐标集合和内部坐标集合。其中，第一元素显示有轮廓线时，边界坐标集合为轮廓线在第一坐标系内的坐标集合，内部坐标集合为第二坐标集合中除去边界坐标集合外的坐标集合。第一元素未显示轮廓线时，边界坐标集合是第二坐标集合内最外围坐标的集合，内部坐标集合为第二坐标集合中除去边界坐标集合外的坐标集合，即元素内部区域的坐标集合。

步骤407、若确认第一坐标集合与设定方向上的边界坐标集合间存在重合坐标数据，且第一坐标集合与内部坐标集合的交集为空，则确定操作线与第一元素满足吸附条件。

示例性的，设定方向上的边界坐标集合是指边界坐标集合中，在设定方向上的极值坐标点的集合，其中，设定方向与操作线的移动方向有关。举例而言，移动方向为y轴负半轴方向，那么，相对于第一元素而言设定方向为y轴正半轴方向，此时得到边界坐标集合后，确认y值最大的坐标为极值坐标点，并由极值坐标点组成设定方向上的边界坐标集合。其中，设定方向上的边界坐标集合内的极值坐标点为至少一个。

进一步的，可以理解，当操作线向第一元素移动时，第一坐标集合首先与第一元素在设定方向上的边界坐标集合先相遇。因此，可以通过设定方向上的边界坐标集合确认操作线与元素是否满足吸附条件。具体的，在操作线移动过程中，将第一坐标集合与每个第一元素的第二坐标集合进行比较，以确定第一坐标集合与第二坐标集合是否有重合的坐标数据，若有重合的坐标数据，则说明操作线与对应的第一元素已经接触。此时，确定重合的坐标数据是否为设定方向上的边界坐标集合。若是，则说明操作线中至少一个点与第一元素的轮廓线存在重合部分。此时，继续比较第一坐标集合与该第一元素的内部坐标集合，当确定第一坐标集合和内部坐标集合中没有重合的坐标点，即第一坐标集合和内部坐标集合的交集为空时，说明操作线仅与第一元素的轮廓线存在重合部分。即操作线与第一元素在设定方向上相切或者操作线与第一元素的设定轮廓线重合，此时，确认第一元素与操作线间相对位置关系满足吸附条件。按照上述方式便可以确认每个第一元素与操作线是否满足吸附条件。可以理解，在执行第一触控操作的过程中，操作线均是先与元素在设定方向上的边界坐标集合接触，因此，在执行第一触控操作的过程中，只要确定操作线的第一坐标集合和元素的第二坐标集合出现重复坐标，便可以确认满足吸附条件。

举例而言，参考图4，操作线移动方向为垂直向下，此时，对于元素13而言，设定方向上的边界坐标集合可以认为是上顶点的坐标数据。当操作线15向下移动时，首先接触上顶点的坐标数据，即操作线15的第一坐标数据与元素13设定方向上的边界坐标集合会出现重合坐标数据且操作线15的第一坐标数据与元素13内部坐标集合的交集为空，即操作线15与元素13在元素13的设定方向上相切，满足吸附条件。再举例而言，参考图6，元素12在设定方向上的边界坐标集合为上边框线的坐标数据集合。当操作线15向下移动时，首先接触上边框线的坐标数据集合，即操作线15的第一坐标数据与元素12设定方向上的边界坐标集合会出现重合坐标数据且操作线15的第一坐标数据与元素12内部坐标集合的交集为空，即操作线15与元素12在元素12的设定方向上边框线重合，满足吸附条件。

步骤408、获取操作线中任一坐标点的坐标数据作为起始坐标数据。

具体的，当操作线与第一元素满足吸附条件时，可以将操作线认为是第一元素的切线。进一步的，在第一坐标集合中，选择任一坐标点的坐标数据，并记为起始坐标数据。同时，将起始坐标数据对应的时刻记为起始时刻，将坐标点作为实现第一元素吸附跟随的跟踪点。其中，坐标数据是包含x轴和y轴的数值。当操作线移动时，该坐标点的坐标数据同步变化。

步骤409、在操作线移动过程中，实时获取坐标点的当前坐标数据。

具体的，监听操作线的移动事件时，还实时确定该坐标点的当前时刻的坐标数据，并记为当前坐标数据，同时，将当前坐标数据对应的时刻记为当前时刻。

步骤410、根据当前坐标数据和起始坐标数据计算坐标偏移量。

具体的，坐标偏移量是指当前时刻的坐标点相对于起始时刻的移动数据。坐标偏移量计算方式可以根据实际情况设定。实施例中，设定坐标偏移量的计算方式为将x轴上的当前坐标数据与x轴上的起始坐标数据作差，并将得到的结果作为x轴上的坐标偏移量，同时，将y轴上的当前坐标数据与y轴上的起始坐标数据作差，并将得到的结果作为y轴上的坐标偏移量。可以理解的是，坐标偏移量可能是正数、0或负数。

步骤411、根据坐标偏移量移动第一元素，以实现第一元素跟随操作线向第二元素移动。

具体的，得到坐标偏移量后，将第一元素的第二坐标集合内的各坐标数据与坐标偏移量相加，以得到新的坐标数据，进而得到新的第二坐标集合。之后，将原第二坐标集合内坐标点对应调整至新的第二坐标集合，以实现第一元素跟随操作线移动。其中，上述第一元素是指满足吸附条件的元素。对于不满足吸附条件的第一元素，其保持位置不变。

需要说明的是，在第一次检测到某个第一元素与操作线满足吸附条件时，选择坐标点以及起始坐标数据，后续再检测到其他第一元素与操作线满足吸附条件时，无需确定其他的坐标点，仅需使用已确定坐标点即可。

步骤412、检测到操作线与第二元素的相对位置关系满足吸附条件时，确认第一元素和第二元素基于操作线对齐。

其中，第二元素与操作线的相对位置关系满足吸附条件和第一元素与操作线的相对位置关系满足吸附条件的确认方式相同，在此不做赘述。同样，当第二元素跟随操作线移动时具体方式与第一元素跟随操作线移动时具体方式相同，在此不做赘述。

可以理解的，在对齐过程中，用户可以选定第三元素，此时，智能交互平板不会确认第三元素与操作线之间的相对位置关系。

上述，通过在画布中显示操作线、第一元素和第二元素，响应于接收到的第一触控操作，控制操作线移动，并监听操作线的移动事件，若监听到操作线与画布中每个第一元素的相对位置关系满足吸附条件时，控制每个第一元素均跟随操作线移动，且操作线与第二元素的相对位置关系满足吸附条件时确认第一元素和第二元素基于操作线对齐的技术方案，可以实现根据用户的实际需求设置操作线，并使得多个元素基于操作线进行对齐，不仅合理、准确地实现对齐控制，且计算过程简单，计算量小，同时，无需用户逐一手动对齐各元素，提升了用户的使用体验。同时，通过将操作线的坐标与元素的坐标进行比对的方式确认是否满足吸附条件，可以简单、准确地对吸附条件进行判断。同时，通过记录操作线的任一坐标点计算坐标偏移量可以准确实现元素跟随操作线移动。

可以理解的是，由于实施例与上述实施例应用场景相同，实现手段相同，技术效果相同。因此，未在一个实施例中描述的技术细节，可参见上述其他实施例。

图26为本申请一个实施例提供的一种元素控制装置的结构示意图。参考图26，元素控制装置包括：第一显示模块501、第一控制模块502以及第一对齐模块503。

其中，第一显示模块501，用于在画布中显示操作线，所述画布中还显示有第一元素和第二元素；第一控制模块502，用于响应于接收到的第一触控操作，移动所述操作线；第一对齐模块503，用于所述操作线与所述第一元素的相对位置关系满足吸附条件时，控制所述第一元素跟随所述操作线向所述第二元素移动，所述操作线与所述第二元素的相对位置关系满足所述吸附条件时所述第一元素与所述第二元素基于所述操作线对齐。

上述，通过在画布中显示操作线、第一元素和第二元素，并在接收到针对操作线的第一触控操作时，移动操作线，在操作线移动过程中若确认操作线与第一元素的相对位置关系满足吸附条件，则控制第一元素跟随操作线向第二元素移动，以保持第一元素与操作线的相对位置关系不变，之后，当第二元素与操作线的相对位置关系满足吸附条件时，确认第一元素和第二元素基于操作线对齐。采用上述技术手段，可以根据用户的实际需求设置操作线，并通过操作线使得多个元素基于操作线进行对齐，不仅实现了合理、准确地对元素进行对齐控制，且对齐控制过程简单、易于操作，无需用户逐一手动对齐各元素，提升了用户的使用体验。

在上述实施例的基础上，第一对齐模块503还用于：所述操作线与所述第二元素的相对位置关系满足所述吸附条件时，控制所述第二元素跟随所述操作线移动。

在上述实施例的基础上，第一对齐模块503还用于：所述操作线与所述第二元素的相对位置关系满足所述吸附条件时，固定所述第一元素和所述第二元素的显示位置。

在上述实施例的基础上，所述第一元素和所述第二元素均位于所述操作线的第一侧；还包括：第三控制模块，用于操作线与所述第二元素的相对位置关系满足所述吸附条件时所述第一元素与所述第二元素基于所述操作线对齐之后，响应于接收到的第二触控操作，向所述操作线的第二侧移动所述操作线，并控制所述第一元素和所述第二元素跟随所述操作线移动，所述第二侧为所述第一侧的相对侧。

在上述实施例的基础上，所述在画布中显示操作线时，所述操作线穿过第一元素的内部区域，所述第二元素位于所述操作线的第一侧，相应的，还包括：第四控制模块，用于响应于接收到的第一触控操作，移动所述操作线之前，响应于接收到的第三触控操作，向所述操作线的第二侧移动所述操作线，所述操作线与所述第一元素的相交点为空或所述操作线与所述第一元素之间满足吸附条件时确认所述操作线离开所述第一元素的内部区域，所述第二侧为所述第一侧的相对侧。

在上述实施例的基础上，第一显示模块501包括：模式进入单元，用于响应于接收到的元素对齐触发指令，进入元素对齐模式；线条绘制单元，用于响应于接收到的第四触控操作，在所述画布中绘制操作线。

在上述实施例的基础上，还包括：长度调整模块，用于在画布中显示操作线之后，响应于接收到的第五触控操作，调整所述操作线的长度，所述第五触控操作作用于所述操作线的至少一个端点。

在上述实施例的基础上，第一显示模块501还用于：显示旋转点，所述旋转点与所述操作线满足第一设定位置关系。相应的，还包括：角度调整模块，用于在画布中显示操作线之后，响应于接收到的第六触控操作，调整所述操作线的角度，所述第六触控操作作用于所述旋转点。

在上述实施例的基础上，第一显示模块501还用于：显示移动方向标识，所述移动方向标识与所述操作线满足第二设定位置关系，所述移动方向标识用于指示操作线的移动方向，相应的，还包括：方向调整模块，用于在画布中显示操作线之后，响应于接收到的第七触控操作，调整所述移动方向标识，所述第七触控操作作用于所述移动方向标识。

在上述实施例的基础上，所述画布上还显示有第三元素；相应的，还包括：状态固定模块，用于在画布中显示操作线之后，响应于接收到的第八触控操作，设定所述第三元素为固定状态。相应的，第一控制模块502还用于：控制所述操作线经过所述第三元素，且所述第三元素的显示位置固定。

在上述实施例的基础上，还包括：元素选定模块，用于在画布中显示操作线之前或之后，响应于接收到的第九触控操作，选定所述第二元素。

在上述实施例的基础上，所述吸附条件为所述操作线与元素在设定方向上相切，或，所述操作线与元素的设定轮廓线重合。

上述提供的元素控制装置可用于执行上述对应实施例提供的元素控制方法，具备相应的功能和有益效果。

同时，实施例中还提供另一种元素控制装置，此时，图27为本申请一个实施例提供的另一种元素控制装置的结构示意图。参考图27，该元素控制装置包括：第二显示模块504、监听模块505、第二控制模块506以及第二对齐模块507。

其中，第二显示模块504，用于在画布中显示操作线，所述画布中还显示有第一元素和第二元素；监听模块505，用于响应于接收到的第一触控操作，监听所述操作线的移动事件；第二控制模块506，用于检测到所述操作线与所述第一元素的相对位置关系满足吸附条件时，控制所述第一元素跟随所述操作线向所述第二元素移动；第二对齐模块507，用于检测到所述操作线与所述第二元素的相对位置关系满足吸附条件时，确认所述第一元素和所述第二元素基于所述操作线对齐。

上述，通过在画布中显示操作线、第一元素以及第二元素，响应于接收到的第一触控操作，控制操作线移动，并监听操作线的移动事件，若监听到操作线与画布中每个第一元素的相对位置关系满足吸附条件时，控制每个第一元素均跟随操作线向第二元素移动，并在操作线与第二元素的相对位置关系满足吸附条件时确认所述第一元素和所述第二元素基于所述操作线对齐的技术方案，可以实现根据用户的实际需求设置操作线，并使得多个元素基于操作线进行对齐，不仅合理、准确地实现对齐控制，且计算过程简单，计算量小，同时，无需用户逐一手动对齐各元素，提升了用户的使用体验。

在上述实施例的基础上，第二控制模块506包括：集合确定单元，用于获取所述操作线的第一坐标集合以及第一元素的第二坐标集合，所述第二坐标集合包括边界坐标集合和内部坐标集合；吸附确认单元，用于若确认所述第一坐标集合与设定方向上的所述边界坐标集合间存在重合坐标数据，且所述第一坐标集合与所述内部坐标集合的交集为空，则确定所述操作线与所述第一元素满足吸附条件；起始坐标获取单元，用于检测到所述操作线与所述第一元素的相对位置关系满足吸附条件时，获取所述操作线中任一坐标点的坐标数据作为起始坐标数据；实时坐标获取单元，用于在所述操作线移动过程中，实时获取所述坐标点的当前坐标数据；偏移量计算单元，用于根据所述当前坐标数据和所述起始坐标数据计算坐标偏移量；移动单元，用于根据所述坐标偏移量移动所述第一元素，以实现所述第一元素跟随所述操作线向所述第二元素移动。

在上述实施例的基础上，还包括：关系解除模块，用于确认所述第一元素和所述第二元素基于所述操作线对齐之后，解除所述第一元素与所述操作线的吸附关系以及所述第二元素与所述操作线的吸附关系。

在上述实施例的基础上，还包括：方向确认模块，用于在画布中显示操作线之前或之后，确认所述操作线的移动方向；元素获取模块，用于在所述画布中，获取位于所述移动方向上的各元素；元素确定模块，用于根据所述各元素的显示位置确定所述第一元素和所述第二元素。

上述提供的元素控制装置可用于执行上述对应实施例提供的元素控制方法，具备相应的功能和有益效果。

值得注意的是，上述元素控制装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。

图28为本申请一个实施例提供的一种元素控制设备的结构示意图。本实施例中，以智能交互平板为元素控制设备为例，进行描述。如图28所示，该智能交互平板60包括至少一个处理器61、至少一个网络接口62、用户接口63、存储器64以及至少一个通信总线65。

其中，通信总线65用于实现这些组件之间的连接通信。

其中，用户接口62可以包括显示屏、摄像头，可选用户接口63还可以包括标准的有线接口、无线接口。

其中，网络接口62可选包括标准的有线接口、无线接口(如Wi-Fi接口)。

其中，处理器61可以包括一个或多个处理核心。处理器61利用各种接口和线路连接整个智能交互平板60内的各个部分，通过运行或执行存储在处理器61内的指令、程序、代码集或指令集，以及调用存储在存储器64内的数据，执行智能交互平板60的各种功能和处理数据。可选的，处理器61可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable logic arrays，PLA)中的至少一种硬件形式来实现。处理器61可集成中央处理器(Central Processing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器61中，单独通过一块芯片进行实现。

其中，存储器64可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。可选的，该存储器64包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器64可用于存储指令、程序、代码、代码集或指令集。存储器64可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等；存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器64可选的还可以是至少一个位于远离前述处理器61的存储装置。如图28所示，作为一种计算机存储介质的存储器64中可以包括操作系统、网络通信模块、用户接口模块以及智能交互平板的操作应用程序。

在图28所示的智能交互平板60中，用户接口63主要用于为用户提供输入的接口，获取用户输入的数据；而处理器61可以用于调用存储器64中存储的智能交互平板的操作应用程序，并具体执行上述实施例中元素控制方法中的相关操作。

在一个实施例中，所述智能交互平板的操作系统为安卓系统。

上述智能交互平板可以用于执行任意元素控制方法，具备相应的功能和有益效果。

此外，本发明实施例还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行本申请任意实施例所提供的元素控制方法中的相关操作，且具备相应的功能和有益效果。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。

因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (21)

1.一种元素控制方法，其特征在于，包括：

在画布中显示操作线，所述画布中还显示有第一元素和第二元素；

响应于接收到的第一触控操作，移动所述操作线；

所述操作线与所述第一元素的相对位置关系满足吸附条件时，控制所述第一元素跟随所述操作线向所述第二元素移动，所述操作线与所述第二元素的相对位置关系满足所述吸附条件时所述第一元素与所述第二元素基于所述操作线对齐。

2.根据权利要求1所述的元素控制方法，其特征在于，所述操作线与所述第二元素的相对位置关系满足所述吸附条件时，还包括：

控制所述第二元素跟随所述操作线移动。

3.根据权利要求1所述的元素控制方法，其特征在于，所述操作线与所述第二元素的相对位置关系满足所述吸附条件时，还包括：

固定所述第一元素和所述第二元素的显示位置。

4.根据权利要求1所述的元素控制方法，其特征在于，所述第一元素和所述第二元素均位于所述操作线的第一侧；

所述操作线与所述第二元素的相对位置关系满足所述吸附条件时所述第一元素与所述第二元素基于所述操作线对齐之后，还包括：

响应于接收到的第二触控操作，向所述操作线的第二侧移动所述操作线，并控制所述第一元素和所述第二元素跟随所述操作线移动，所述第二侧为所述第一侧的相对侧。

5.根据权利要求1所述的元素控制方法，其特征在于，所述在画布中显示操作线时，所述操作线穿过第一元素的内部区域，所述第二元素位于所述操作线的第一侧；

所述响应于接收到的第一触控操作，移动所述操作线之前，包括：

响应于接收到的第三触控操作，向所述操作线的第二侧移动所述操作线，所述操作线与所述第一元素的相交点为空或所述操作线与所述第一元素之间满足吸附条件时确认所述操作线离开所述第一元素的内部区域，所述第二侧为所述第一侧的相对侧。

6.根据权利要求1所述的元素控制方法，其特征在于，所述在画布中显示操作线包括：

响应于接收到的元素对齐触发指令，进入元素对齐模式；

响应于接收到的第四触控操作，在所述画布中绘制操作线。

7.根据权利要求1所述的元素控制方法，其特征在于，所述在画布中显示操作线之后，包括：

响应于接收到的第五触控操作，调整所述操作线的长度，所述第五触控操作作用于所述操作线的至少一个端点。

8.根据权利要求1所述的元素控制方法，其特征在于，所述在画布中显示操作线时，还包括：

显示旋转点，所述旋转点与所述操作线满足第一设定位置关系；

所述在画布中显示操作线之后，包括：

响应于接收到的第六触控操作，调整所述操作线的角度，所述第六触控操作作用于所述旋转点。

9.根据权利要求1所述的元素控制方法，其特征在于，所述在画布中显示操作线时，还包括：

显示移动方向标识，所述移动方向标识与所述操作线满足第二设定位置关系，所述移动方向标识用于指示操作线的移动方向；

所述在画布中显示操作线之后，包括：

响应于接收到的第七触控操作，调整所述移动方向标识，所述第七触控操作作用于所述移动方向标识。

10.根据权利要求1所述的元素控制方法，其特征在于，所述画布上还显示有第三元素；

所述在画布中显示操作线之后，还包括：

响应于接收到的第八触控操作，设定所述第三元素为固定状态；

所述响应于接收到的第一触控操作，移动所述操作线时，还包括：

控制所述操作线经过所述第三元素，且所述第三元素的显示位置固定。

11.根据权利要求1所述的元素控制方法，其特征在于，所述在画布中显示操作线之前或之后，还包括：

响应于接收到的第九触控操作，选定所述第二元素。

12.根据权利要求1所述的元素控制方法，其特征在于，所述吸附条件为所述操作线与元素在设定方向上相切，或，所述操作线与元素的设定轮廓线重合。

13.一种元素控制方法，其特征在于，包括：

在画布中显示操作线，所述画布中还显示有第一元素和第二元素；

响应于接收到的第一触控操作，监听所述操作线的移动事件；

检测到所述操作线与所述第一元素的相对位置关系满足吸附条件时，控制所述第一元素跟随所述操作线向所述第二元素移动；

检测到所述操作线与所述第二元素的相对位置关系满足吸附条件时，确认所述第一元素和所述第二元素基于所述操作线对齐。

14.根据权利要求13所述的元素控制方法，其特征在于，所述控制所述第一元素跟随所述操作线向所述第二元素移动包括：

获取所述操作线中任一坐标点的坐标数据作为起始坐标数据；

在所述操作线移动过程中，实时获取所述坐标点的当前坐标数据；

根据所述当前坐标数据和所述起始坐标数据计算坐标偏移量；

根据所述坐标偏移量移动所述第一元素，以实现所述第一元素跟随所述操作线向所述第二元素移动。

15.根据权利要求13所述的元素控制方法，其特征在于，所述检测到所述操作线与所述第一元素的相对位置关系满足吸附条件包括：

获取所述操作线的第一坐标集合以及第一元素的第二坐标集合，所述第二坐标集合包括边界坐标集合和内部坐标集合；

若确认所述第一坐标集合与设定方向上的所述边界坐标集合间存在重合坐标数据，且所述第一坐标集合与所述内部坐标集合的交集为空，则确定所述操作线与所述第一元素满足吸附条件。

16.根据权利要求13所述的元素控制方法，其特征在于，所述确认所述第一元素和所述第二元素基于所述操作线对齐之后，还包括：

解除所述第一元素与所述操作线的吸附关系以及所述第二元素与所述操作线的吸附关系。

17.根据权利要求13所述的元素控制方法，其特征在于，所述在画布中显示操作线之前或之后，还包括：

确认所述操作线的移动方向；

在所述画布中，获取位于所述移动方向上的各元素；

根据所述各元素的显示位置确定所述第一元素和所述第二元素。

18.一种元素控制装置，其特征在于，包括：

第一显示模块，用于在画布中显示操作线，所述画布中还显示有第一元素和第二元素；

第一控制模块，用于响应于接收到的第一触控操作，移动所述操作线；

第一对齐模块，用于所述操作线与所述第一元素的相对位置关系满足吸附条件时，控制所述第一元素跟随所述操作线向所述第二元素移动，所述操作线与所述第二元素的相对位置关系满足所述吸附条件时所述第一元素与所述第二元素基于所述操作线对齐。

19.一种元素控制装置，其特征在于，包括：

第二显示模块，用于在画布中显示操作线，所述画布中还显示有第一元素和第二元素；

监听模块，用于响应于接收到的第一触控操作，监听所述操作线的移动事件；

第二控制模块，用于检测到所述操作线与所述第一元素的相对位置关系满足吸附条件时，控制所述第一元素跟随所述操作线向所述第二元素移动；

第二对齐模块，用于检测到所述操作线与所述第二元素的相对位置关系满足吸附条件时，确认所述第一元素和所述第二元素基于所述操作线对齐。

20.一种元素控制设备，其特征在于，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-12或权利要求13-17中任一所述的元素控制方法。

21.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-12或权利要求13-17中任一所述的元素控制方法。

Images