图形化编程工具中的积木块调整方法及相关装置

摘要

本申请实施例公开了一种图形化编程工具中的积木块调整方法及相关装置，其中该方法包括：检测到积木块调整元素在目标积木块处触发积木块预调整操作时，启动定时器计时，并记录积木块调整元素当前所处的位置作为第一位置；当定时器的计时时长达到预设时长阈值时，记录积木块调整元素当前所处的位置作为第二位置；若第二位置与第一位置相匹配，则确定当前触发针对目标积木块的调整操作；根据对于目标积木块的拖拽轨迹，调整目标积木块的显示位置以及目标积木块的接口参数。该方法能够对积木块组合中的单个积木块进行调整，从而提高图形化编程工具的用户的使用体验。

说明书

技术领域

本申请涉及计算机技术领域，尤其涉及一种图形化编程工具中的积木块调整方法及相关装置。

背景技术

近年来，随着计算机技术的迅速发展，人们对于编程教育也越来越重视，面向编程初学者的图形化编程工具被越来越多的用户使用。此类图形化编程工具将编程语言封装在图形化的积木块中，用户通过搭建积木块的方式即可完成编程；此类图形化编程工具通常具有运行环境简单、标准化程度高、易于分享传播等优势。

在目前已有的图形化编程工具中，用户通过搭建积木块的方式编写出一套程序后，无法直接对后端连接有其它积木块的单个积木块进行调整，例如，用户无法直接选中单个积木块，并将其与所属的积木块组合分离。这对于图形化编程工具的用户来说，使用体验较差，对于用户的编程效率也有所影响。

发明内容

本申请实施例提供了一种图形化编程工具中的积木块调整方法及相关装置，能够对积木块组合中的单个积木块进行调整，从而提高图形化编程工具的用户的使用体验。

有鉴于此，本申请第一方面提供了一种图形化编程工具中的积木块调整方法，所述方法包括：

检测到积木块调整元素在目标积木块处触发积木块预调整操作时，启动定时器计时，并记录所述积木块调整元素当前所处的位置作为第一位置；

当所述定时器的计时时长达到预设时长阈值时，记录所述积木块调整元素当前所处的位置作为第二位置；若所述第二位置与所述第一位置相匹配，则确定当前触发针对所述目标积木块的调整操作；

根据对于所述目标积木块的拖拽轨迹，调整所述目标积木块的显示位置以及所述目标积木块的接口参数。

本申请第二方面提供了一种图形化编程工具中的积木块调整装置，所述装置包括：

信息记录模块，用于检测到积木块调整元素在目标积木块处触发积木块预调整操作时，启动定时器计时，并记录所述积木块调整元素当前所处的位置作为第一位置；

操作判定模块，用于当所述定时器的计时时长达到预设时长阈值时，记录所述积木块调整元素当前所处的位置作为第二位置；若所述第二位置与所述第一位置相匹配，则确定当前触发针对所述目标积木块的调整操作；

信息调整模块，用于根据对于所述目标积木块的拖拽轨迹，调整所述目标积木块的显示位置以及所述目标积木块的接口参数。

本申请第三方面提供了一种设备，所述设备包括处理器以及存储器：

所述存储器用于存储计算机程序；

所述处理器用于根据所述计算机程序，执行如上述第一方面所述的图形化编程工具中的积木块调整方法的步骤。

本申请第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质用于存储计算机程序，所述计算机程序用于执行上述第一方面所述的图形化编程工具中的积木块调整方法的步骤。

本申请第五方面提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述第一方面所述的图形化编程工具中的积木块调整方法的步骤。

从以上技术方案可以看出，本申请实施例具有以下优点：

在本申请实施例提供的图形化编程工具中的积木块调整方法中，检测到积木块调整元素在目标积木块处触发积木块预调整操作时，启动定时器计时，并记录该积木块调整元素当前所处的位置作为第一位置；当该定时器的计时时长达到预设时长阈值时，记录该积木块调整元素当前所处的位置作为第二位置，若该第二位置与第一位置相匹配，则确定当前触发了针对目标积木块的调整操作；进而，可以根据对于该目标积木块的拖拽轨迹，调整该目标积木块的显示位置以及该目标积木块的接口参数。上述积木块调整方法创新性地提出了一种针对积木块组合中的单个积木块的调整方式，即通过控制积木块调整元素较长时间处于目标积木块处(例如可以通过在目标积木块处长按鼠标来实现)，来触发针对该目标积木块的调整操作，进而可以通过拖拽目标积木块的方式调整该目标积木块；如此，可以有效地提升图形化编程工具中对于积木块的操作效率，并且降低误操作率，并且此种操作方式更符合用户的操作习惯和认知本能，可以降低编程初学者的学习门槛，提高用户体验。

附图说明

图1为本申请实施例提供的图形化编程工具中的积木块调整方法的应用场景示意图；

图2为本申请实施例提供的图形化编程工具中的积木块调整方法的流程示意图；

图3为本申请实施例提供的一种web端图形化编程工具的界面示意图；

图4为本申请实施例提供的一种web端图形化编程工具的界面示意图；

图5为本申请实施例提供的一种web端图形化编程工具的界面示意图；

图6为本申请实施例提供的一种web端图形化编程工具的界面示意图；

图7为本申请实施例提供的图形化编程工具中的积木块调整装置的结构示意图；

图8为本申请实施例提供的终端设备的结构示意图；

图9为本申请实施例提供的服务器的结构示意图。

具体实施方式

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

本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

在目前已有的图形化编程工具中，用户通过搭建积木块的方式搭建出积木块组合(即编写出一套程序)后，通常无法直接对后端连接有其它积木块的单个积木块进行调整；例如，用户无法直接选中单个积木块，并将其与所属的积木块组合分离。对于图形化编程工具的使用用户来说，使用体验较差，容易造成误操作，并且对于用户的编程效率也有所影响。

针对上述相关技术存在的问题，本申请实施例提供了一种图形化编程工具中的积木块调整方法，该方法能够对积木块组合中的单个积木块进行调整，从而提高图形化编程工具的用户的使用体验。

具体的，在本申请实施例提供的图形化编程工具中的积木块调整方法中，检测到积木块调整元素在目标积木块处触发积木块预调整操作时，启动定时器计时，并记录该积木块调整元素当前所处的位置作为第一位置；当该定时器的计时时长达到预设时长阈值时，记录该积木块调整元素当前所处的位置作为第二位置，若该第二位置与第一位置相匹配，则确定当前触发了针对目标积木块的调整操作；进而，可以根据对于该目标积木块的拖拽轨迹，调整该目标积木块的显示位置以及该目标积木块的接口参数。

上述积木块调整方法创新性地提出了一种针对积木块组合中的单个积木块的调整方式，即通过控制积木块调整元素较长时间处于目标积木块处(例如可以通过在目标积木块处长按鼠标来实现)，来触发针对该目标积木块的调整操作，进而可以通过拖拽目标积木块的方式调整该目标积木块；如此，可以有效地提升图形化编程工具中对于积木块的操作效率，并且降低误操作率，并且此种操作方式更符合用户的操作习惯和认知本能，可以降低编程初学者的学习门槛，提高用户体验。

应理解，本申请实施例提供的图形化编程工具中的积木块调整方法可以应用于支持图形化编程工具运行的终端设备，或者图形化编程工具的服务器；其中，终端设备具体可以为智能手机、计算机、平板电脑、个人数字助理(Personal Digital Assitant，PDA)等；服务器具体可以为应用服务器或Web服务器，实际部署时，可以为独立服务器，也可以为集群服务器或云服务器。

为了便于理解本申请实施例提供的图形化编程工具中的积木块调整方法，下面以该积木块调整方法的执行主体为服务器为例，对该积木块调整方法的应用场景进行示例性介绍。

参见图1，图1为本申请实施例提供的图形化编程工具中的积木块调整方法的应用场景示意图。如图1所示，该应用场景中包括终端设备110和服务器120，终端设备110与服务器120之间可以通过网络通信。其中，终端设备110可以通过网络访问web端图形化编程工具；服务器120为该web端图形化编程工具的后台服务器，其可以响应于用户通过终端设备110触发的编程操作构建相应的程序，该服务器120用于执行本申请实施例提供的图形化编程工具中的积木块调整方法。

在实际应用中，用户可以通过终端设备110访问web端图形化编程工具，并且通过终端设备110，从该web端图形化编程工具提供的可选积木块中选择积木块搭建积木块组合，从而得到一套编程程序。示例性的，用户可以使用终端设备110的鼠标，在图形化编程工具界面中的积木区内选择所需的积木块，并将所选择的积木块拖拽至图形化编程工具界面中的脚本区；用户通过多次上述操作可以从积木区中选择多个积木块拖拽至脚本区，服务器120将相应地根据被拖拽至脚本区的多个积木块各自对应的拖拽顺序、或者各自对应的拖拽位置，构建多个积木块之间的关联关系，如此得到对应于一套编程程序的积木块组合。

在本申请实施例提供的技术方案中，通过上述方式得到积木块组合后，用户还可以进一步针对该积木块组合中的单个积木块触发调整操作。

具体的，用户可以通过终端设备110的鼠标，针对该积木块组合中所需调整的目标积木块触发积木块预调整操作；例如，用户可以将鼠标光标移动至积木块组合中的目标积木块处，并在该目标积木块处按下鼠标左键，如此触发积木块预调整操作。相应地，服务器120检测到在目标积木块处触发积木块预调整操作后，可以认为积木块调整元素(即鼠标光标)在该目标积木块处触发了积木块预调整操作；此时，服务器120还会启动定时器计时，并记录该积木块调整元素当前在图形化编程工具界面中的位置作为第一位置。

当上述定时器的计时时长达到预设时长阈值(如750ms)时，服务器120记录上述积木块调整元素当前在图形化编程工具界面中的位置作为第二位置；并判断该第二位置与此前记录的第一位置是否匹配，若二者相匹配，则可确定当前触发了针对该目标积木块的调整操作。应理解，若在定时器的计时时长未达到预设时长阈值之前，服务器120检测到用户停止触发积木块预调整操作，例如，检测到用户松开鼠标左键，则可以相应地停止定时器计时，并且认为用户并没有触发针对目标积木块的调整操作。

服务器120确定当前触发了针对目标积木块的调整操作后，可以根据对于目标积木块的拖拽轨迹，调整该目标积木块在图形化编程工具界面中的显示位置，并且相应地调整该目标积木块的接口参数。示例性的，服务器120确定当前触发了针对目标积木块的调整操作后，可以高亮显示该目标积木块，进而响应于通过鼠标触发的针对该目标积木块的拖拽操作，相应地调整该目标积木块的显示位置和该目标积木块的接口参数。

应理解，图1所示的应用场景仅为示例，在实际应用中，本申请实施例提供的积木块调整方法不仅可以适用于web端图形化编程工具，还可以适用于图形化编程工具客户端，相应地，本申请实施例提供的积木块调整方法可以由该图形化编程工具客户端的后台服务器执行。此外，本申请实施例提供的积木块调整方法还可以由支持图形化编程工具客户端运行的终端设备独立执行，在此不对本申请实施例提供的图形化编程工具中的积木块调整方法的应用场景做任何限定。

下面通过方法实施例对本申请提供的图形化编程工具中的积木块调整方法进行详细介绍。

参见图2，图2为本申请实施例提供的图形化编程工具中的积木块调整方法的流程示意图。为了便于描述，下述实施例仍以该方法的执行主体为服务器为例进行介绍。如图2所示，该积木块调整方法包括以下步骤：

步骤201：检测到积木块调整元素在目标积木块处触发积木块预调整操作时，启动定时器计时，并记录所述积木块调整元素当前所处的位置作为第一位置。

在实际应用中，用户可以通过终端设备访问web端图形化编程工具，并在该web端图形化编程工具中通过搭建积木块组合的方式编写程序；或者，用户也可以在终端设备上安装图形化编程工具客户端，并在该图形化编程工具客户端中通过搭建积木块组合的方式编写程序。

在本申请实施例提供的技术方案中，用户在web端图形化编程工具或者图形化编程工具客户端中搭建出积木块组合后，还可以根据自身需求对其中的单个积木块进行调整。即，用户可以针对积木块组合中其需要调整的目标积木块触发积木块预调整操作，从而使web端图形化编程工具或者图形化编程工具客户端的后台服务器响应于该积木块预调整操作，触发单独对该目标积木块进行调整的操作。

服务器检测到用户通过积木块调整元素，针对积木块组合中的目标积木块触发积木块预调整操作后，可以相应地启动定时器计时，并且记录该积木块调整元素在web端图形化编程工具或者图形化编程工具客户端的显示界面中的位置，作为第一位置。

为了便于理解上述过程，下面结合图3所示的web端图形化编程工具的界面示意图，对上述实现过程进行示例性介绍。

如图3所示，用户搭建好的积木块组合显示在web端图形化编程工具中的脚本区内；用户可以将鼠标光标移动至该积木块组合中其所要调整的目标积木块处，并在此处按下鼠标左键，从而触发针对该目标积木块的积木块预调整操作。对于服务器而言，其检测到用户将鼠标光标移动至目标积木块处，并在该目标积木块处按下鼠标左键后，其即可认为积木块调整元素(即鼠标光标，对应于图3中的圆形光圈)在目标积木块处触发了积木块预调整操作，此时，服务器将相应地启动定时器计时，并且记录该积木块调整元素当前在脚本区中的位置坐标，作为第一位置。

应理解，上述积木块调整元素的表现形式、以及触发积木块预调整操作的形式仅为示例，在实际应用中，还可以根据实际需求设置积木块调整元素的表现形式、以及触发积木块预调整操作的形式，本申请在此不对该积木块调整元素的表现形式、以及触发积木块预调整操作的形式做任何限定。

步骤202：当所述定时器的计时时长达到预设时长阈值时，记录所述积木块调整元素当前所处的位置作为第二位置；若所述第二位置与所述第一位置相匹配，则确定当前触发针对所述目标积木块的调整操作。

当通过步骤201启动的定时器的计时时长达到预设时长阈值(如750ms)时，服务器可以记录该积木块调整元素此时所处的位置作为第二位置。进而，判断该第二位置与通过步骤201记录的第一位置是否匹配，若该第二位置与该第一位置相匹配，则可认为当前触发了针对该目标积木块的调整操作。

需要说明的是，若在定时器的计时时长达到预设时长阈值之前，检测到用户取消了此前触发的积木块预调整操作，则服务器可以控制定时器停止计时，并且无需执行步骤202。示例性的，假设用户此前通过在鼠标光标位于目标积木块处时按下鼠标左键，触发了针对该目标积木块的积木块预调整操作，则用户在计时时长未达到预设时长阈值之前松开鼠标左键，即可被视为取消了所触发的积木块预调整操作，相应地，服务器可以控制定时器停止计时，并且认为用户并未触发针对目标积木块的调整操作。

需要说明的是，第二位置与第一位置相匹配，可以是指第二位置与第一位置完全相同，也可以是指第二位置与第一位置之间的距离小于预设距离阈值，还可以是指第二位置和第一位置均属于目标积木块所属的位置，本申请在此不对判断第二位置与第一位置是否匹配的条件做任何限定。

应理解，上文中提及的预设时长阈值和预设距离阈值均可以根据实际需求设定，本申请在此不对该预设时长阈值和预设距离阈值做任何限定。

为了便于理解上述实现过程，下面仍结合图3所示的web端图形化编程工具的界面示意图，对上述实现过程进行示例性介绍。

服务器检测到用户将鼠标光标移动至目标积木块处，并在该目标积木块处按下鼠标左键后，认为鼠标光标在该目标积木块处触发了积木块预调整操作，进而相应地启动定时器计时，并记录鼠标光标当前在脚本区中的位置坐标作为第一位置。当用户按下鼠标左键的时长达到预设时长阈值时，即当定时器的计时时长达到预设时长阈值时，服务器可以获取鼠标光标此时在脚本区中的位置坐标作为第二位置。进而，对比该第二位置与此前记录的第一位置是否一致，若二者一致，则确定用户成功触发了针对目标积木块的调整操作；此时，服务器可以控制目标积木块高亮显示，从而提示用户其已针对该目标积木块成功触发了调整操作。

步骤203：根据对于所述目标积木块的拖拽轨迹，调整所述目标积木块的显示位置以及所述目标积木块的接口参数。

服务器确定用户触发了针对目标积木块的调整操作后，可以根据对于该目标积木块的拖拽轨迹，相应地调整该目标积木块的显示位置、以及该目标积木块的接口参数。

示例性的，假设服务器检测到用户按下鼠标左键的时长超过预设时长阈值，并且按下鼠标左键时鼠标光标所处的位置与经历预设时长阈值后该鼠标光标所处的位置相同，则服务器可以响应于用户按住鼠标左键拖拽鼠标光标移动的操作，相应地改变目标积木块的显示位置，使得该目标积木块的移动轨迹与鼠标光标的移动轨迹相同，即表现出鼠标光标拖拽目标积木块的效果，同时，服务器还需要调整该目标积木块的接口参数。

当然，在实际应用中，对于目标积木块进行拖拽的操作除了可以通过上文中按住鼠标左键进行拖拽的方式实现外，也可以通过其它方式实现，例如，服务器确定当前触发了针对目标积木块的调整操作，高亮显示该目标积木块后，用户可以松开鼠标左键，通过按住鼠标右键拖拽鼠标的方式拖拽该目标积木块，或者用户可以松开鼠标左键，通过直接拖拽鼠标的方式拖拽该目标积木块，本申请在此不对拖拽目标积木块的方式做任何限定。

为了便于理解上述实现过程，下面通过图4所示的web端图形化编程工具的界面示意图，对上述实现过程进行示例性介绍。

如图4所示，服务器确定当前触发了针对目标积木块的调整操作，高亮显示该目标积木块后，用户可以按住鼠标左键，通过移动鼠标的方式使鼠标光标从第二位置移动至第三位置，相应地，服务器可以控制目标积木块在脚本区移动第二位置到第三位置的位置向量，并且相应地调整目标积木块的接口参数。

下文将对目标积木块的接口参数的调整方式进行详细介绍。

在一种可能的实现方式中，当对于目标积木块的拖拽轨迹用于使该目标积木块与其所属的原始积木块组合分离时，例如，使目标积木块从原始积木块组合中独立出来时，服务器可以调整该原始积木块组合中与该目标积木块相邻的积木块的接口参数、以及该目标积木块自身的接口参数。

需要说明的是，图形化编程工具中的每个积木块均有自身对应的标识(即ID)。图形化编程工具中通常包括两类积木块，一类用于表示函数，另一类用于表示参数；用于表示函数的积木块通常通过前积木块连接参数(又称parent)记录其前端连接的积木块的标识，通过后积木块连接参数(又称next)记录其后端连接的积木块的表示；用于表示参数的积木块通常只有前积木块连接参数，没有后积木块连接参数。

当拖拽目标积木块使其与原始积木块组合分离时，服务器需要相应地原始积木块组合中与该目标积木块相邻的积木块的前积木块连接参数和/或后积木块连接参数、以及该目标积木块自身的前积木块连接参数和/或后积木块连接参数。

具体的，当与目标积木块相邻的积木块包括前积木块和后积木块时，服务器需要调整该前积木块的后积木块连接参数为该后积木块的标识，调整该后积木块的前积木块连接参数为该前积木块的标识，并且清空目标积木块的前积木块连接参数和后积木块连接参数。即当用户将目标积木块从原始积木块组合中分离出来时，服务器可以使原始积木块组合中与该目标积木块相邻的前积木块和后积木块对接上，并且使得该目标积木块从原始积木块组合中独立出来。

当与目标积木块相邻的积木块仅包括前积木块时，清空该前积木块的后积木块连接参数，并且清空该目标积木块的前积木块连接参数。即当用户将原始积木块组合中位于最后端的目标积木块从该原始积木块组合分离出来时，服务器需要相应地清除原本与该目标积木块连接的前积木块的后积木块连接参数，并且清除该目标积木块自身的前积木块连接参数，从而使得该目标积木块从原始积木块组合中独立出来。

当与目标积木块相邻的积木块仅包括后积木块时，清空该后积木块的前积木块连接参数，并且清空该目标积木块的后积木块连接参数。即当用户将原始积木块组合中位于最前端的目标积木块从该原始积木块组合分离出来时，服务器需要相应地清除原本与该目标积木块连接的后积木块的前积木块连接参数，并且清除该目标积木块自身的前积木块连接参数，从而使得该目标积木块从原始积木块组合中独立出来。

在另一种可能的实现方式中，当对于目标积木块的拖拽轨迹用于使该目标积木块移动至目标积木块组合中的目标位置时，例如，使目标积木块位于其所属的原始积木块组合中的另一位置时，又例如，使目标积木块位于除其所属的原始积木块组合外的另一积木块组合中的目标位置时，服务器可以调整该目标积木块所属的原始积木块组合中与该目标积木块相邻的积木块的接口参数、目标积木块组合中与该目标位置相邻的积木块的接口参数、以及目标积木块自身的接口参数。

即，当拖拽目标积木块使其位于目标积木块组合中的目标位置时，服务器需要相应地调整该目标积木块所属的原始积木块组合中与该目标积木块相邻的积木块的前积木块连接参数和/或后积木块连接参数、目标积木块组合中与目标位置相邻的积木块的前积木块连接参数和/或后积木块连接参数、以及该目标积木块自身的前积木块连接参数和/或后积木块连接参数。

需要说明的是，上述目标积木块组合可以为目标积木块所属的原始积木块组合，也可以为其它不同于该原始积木块组合的积木块组合，本申请在此不对该目标积木块组合做任何限定。相应地，上述目标位置可以为目标积木块所属的原始积木块组合中任意与该目标积木块原本所属的位置不同的位置，也可以为不同于该原始积木块组合的积木块组合中的任意位置，本申请在此也不对该目标位置做任何限定。

具体的，当原始积木块组合中与目标积木块相邻的积木块包括原始前积木块和原始后积木块时，服务器需要调整原始前积木块的后积木块连接参数为该原始后积木块的标识，调整原始后积木块的前积木块连接参数为该原始前积木块的标识；当目标积木块组合中与目标位置相邻的积木块包括目标前积木块和目标后积木块时，调整该目标前积木块的后积木块连接参数为该目标积木块的标识，调整该目标后积木块的前积木块连接参数为该目标积木块的标识，调整该目标积木块的前积木块连接参数为该目标前积木块的标识，调整该目标积木块的后积木块连接参数为该目标后积木块的标识。即服务器需要通过调整原始前积木块的后积木块连接参数与原始后积木块的前积木块连接参数，来使原始积木块组合中的原始前积木块与原始后积木块对接上，通过调整目标前积木块的后积木块连接参数、目标后积木块的前积木块连接参数、以及目标积木块的前积木块连接参数和后积木块连接参数，实现在目标积木块组合中的目标前积木块与目标后积木块之间插入目标积木块。

当原始积木块组合中与目标积木块相邻的积木块仅包括原始前积木块时，服务器可以清空该原始前积木块的后积木块连接参数；当原始积木块组合中与目标积木块相邻的积木块仅包括原始后积木块时，服务器可以清空该原始后积木块的前积木块连接参数。

当目标积木块组合中与目标位置相邻的积木块仅包括目标前积木块时，服务器可以调整该目标前积木块的后积木块连接参数为该目标积木块的标识，并且调整该目标积木块的前积木块连接参数为该目标前积木块的标识，清空该目标积木块的后积木块连接参数。当目标积木块组合中与目标位置相邻的积木块仅包括目标后积木块时，服务器可以调整该目标后积木块的前积木块连接参数为该目标积木块的标识，并且调整该目标积木块的后积木块连接参数为该目标后积木块的标识，清空该目标积木块的前积木块连接参数。

当然，在实际应用中，服务器也可以通过其它方式调整目标积木块的接口参数、原始积木块组合中与该目标积木块相邻的积木块的接口参数、以及目标积木块组合中与目标位置相邻的积木块的接口参数，本申请在此不对上述接口参数调整方式做任何限定。

可选的，上文提到过，若在定时器的计时时长未达到预设时长阈值时，检测到用户控制积木块调整元素结束了积木块预调整操作，则服务器可以控制定时器停止计时，无需执行步骤202和步骤203。在一种可能的实现方式中，在上述情况下，服务器可以确定当前触发了针对位于目标积木块后端的后端积木块组合的调整操作，并且将根据对于该后端积木块组合的拖拽轨迹，调整该后端积木块组合的显示位置以及目标积木块的接口参数。

即，服务器若在定时器的计时时长达到预设时长阈值之前，检测到用户控制积木块调整元素结束积木块预调整操作，例如，在定时器的计时时长达到预设时长阈值之前，检测到用户松开之前按下的鼠标左键；则服务器可以确定当前触发了针对位于目标积木块后端的后端积木块组合的调整操作，此处的后端积木块组合包括目标积木块以及目标积木块后端连接的各个积木块；进而，根据对于该后端积木块组合的拖拽轨迹，即根据鼠标光标的移动轨迹，调整该后端积木块组合的显示位置以及该目标积木块的接口参数。

为了便于理解上述实现过程，下面结合图5和图6所示的web端图形化编程工具的界面示意图，对上述实现过程进行示例性介绍。

如图5所示，服务器检测到用户将鼠标光标移动至目标积木块处，并在该目标积木块处按下鼠标左键后，认为鼠标光标在该目标积木块处触发了积木块预调整操作，进而相应地启动定时器计时；若在该定时器的计时时长达到预设时长阈值之前，服务器检测到用户松开了所按下的鼠标左键，则可确定当前触发了针对位于该目标积木块后端的后端积木块组合的调整操作，此时可以高亮显示该后端积木块组合，从而提示用户其已针对该后端积木块组合成功触发了调整操作。

如图6所示，服务器确定当前触发了针对后端积木块组合的调整操作，高亮显示该后端积木块组合后，用户可以重新按下鼠标左键，并通过移动鼠标的方式控制鼠标光标的移动，从而使得后端积木块组合相应地跟随该鼠标光标相应地移动。或者，用户也可以按下鼠标右键，通过移动鼠标的方式控制鼠标光标的移动，使得后端积木块组合相应地跟随该鼠标光标相应地移动。又或者，用户可以直接移动鼠标控制鼠标光标移动，使得后端积木块组合相应地跟随该鼠标光标相应地移动。本申请在此不对拖拽后端积木块组合的方式做任何限定。

具体调整目标积木块的接口参数时，服务器可以在对于后端积木块组合的拖拽轨迹用于使该后端积木块组合与目标积木块所属的原始积木块组合分离的情况下，清空与该目标积木块相邻的前积木块的后积木块连接参数，并且清空该目标积木块的前积木块连接参数。即当拖拽后端积木块组合使其与其所属的原始积木块组合独立开来时，服务器可以通过清空原始积木块组合中与目标积木块相邻的前积木块的后积木块连接参数、以及目标积木块自身的前积木块连接参数，来实现后端积木块组合与原始积木块组合的分离。

此外，当拖拽轨迹用于使后端积木块组合插入目标积木块组合中的目标位置时，服务器可以清空原始积木块组合中与该目标积木块相邻的前积木块的后积木块连接参数，并且调整目标积木块组合中与目标位置相邻的目标前积木块的后积木块连接参数为目标积木块的标识，调整目标积木块的前积木块连接参数为该目标前积木块的标识，调整目标积木块组合中与目标位置相邻的目标后积木块的前积木块连接参数为后端积木块集合中最后一个积木块的标识，调整后端积木块集合中最后一个积木块的后积木块连接参数为该目标后积木块的标识。

应理解，在实际应用中，服务器若在定时器的计时时长达到预设时长阈值之前，检测到用户控制积木块调整元素结束积木块预调整操作，也可以确定当前触发了针对目标积木块所属的原始积木块组合整体的调整操作，进而，根据对于该原始积木块组合的拖拽轨迹，调整该原始积木块组合的显示位置。

在本申请实施例提供的图形化编程工具中的积木块调整方法中，检测到积木块调整元素在目标积木块处触发积木块预调整操作时，启动定时器计时，并记录该积木块调整元素当前所处的位置作为第一位置；当该定时器的计时时长达到预设时长阈值时，记录该积木块调整元素当前所处的位置作为第二位置，若该第二位置与第一位置相匹配，则确定当前触发了针对目标积木块的调整操作；进而，可以根据对于该目标积木块的拖拽轨迹，调整该目标积木块的显示位置以及该目标积木块的接口参数。上述积木块调整方法创新性地提出了一种针对积木块组合中的单个积木块的调整方式，即通过控制积木块调整元素较长时间处于目标积木块处(例如可以通过在目标积木块处长按鼠标来实现)，来触发针对该目标积木块的调整操作，进而可以通过拖拽目标积木块的方式调整该目标积木块；如此，可以有效地提升图形化编程工具中对于积木块的操作效率，并且降低误操作率，并且此种操作方式更符合用户的操作习惯和认知本能，可以降低编程初学者的学习门槛，提高用户体验。

针对上文描述的图形化编程工具中的积木块调整方法，本申请还提供了对应的图形化编程工具中的积木块调整装置，以使上述图形化编程工具中的积木块调整方法在实际中得以应用及实现。

参见图7，图7是与上文图2所示的图形化编程工具中的积木块调整方法对应的图形化编程工具中的积木块调整装置700的结构示意图。如图7所示，该积木块调整装置700包括：

信息记录模块701，用于检测到积木块调整元素在目标积木块处触发积木块预调整操作时，启动定时器计时，并记录所述积木块调整元素当前所处的位置作为第一位置；

操作判定模块702，用于当所述定时器的计时时长达到预设时长阈值时，记录所述积木块调整元素当前所处的位置作为第二位置；若所述第二位置与所述第一位置相匹配，则确定当前触发针对所述目标积木块的调整操作；

信息调整模块703，用于根据对于所述目标积木块的拖拽轨迹，调整所述目标积木块的显示位置以及所述目标积木块的接口参数。

可选的，所述信息调整模块703具体用于：

当所述拖拽轨迹用于使所述目标积木块与其所属的原始积木块组合分离时，调整所述原始积木块组合中与所述目标积木块相邻的积木块的接口参数、以及所述目标积木块的接口参数。

可选的，所述信息调整模块703具体用于：

当与所述目标积木块相邻的积木块包括前积木块和后积木块时，调整所述前积木块的后积木块连接参数为所述后积木块的标识，调整所述后积木块的前积木块连接参数为所述前积木块的标识，清空所述目标积木块的前积木块连接参数和后积木块连接参数；

当与所述目标积木块相邻的积木块仅包括前积木块时，清空所述前积木块的后积木块连接参数，清空所述目标积木块的前积木块连接参数；

当与所述目标积木块相邻的积木块仅包括后积木块时，清空所述后积木块的前积木块连接参数，清空所述目标积木块的后积木块连接参数。

可选的，所述信息调整模块703具体用于：

当所述拖拽轨迹用于使所述目标积木块移动至目标积木块组合中的目标位置时，调整所述目标积木块所属的原始积木块组合中与所述目标积木块相邻的积木块的接口参数、所述目标积木块组合中与所述目标位置相邻的积木块的接口参数、以及所述目标积木块的接口参数。

可选的，所述信息调整模块703具体用于：

当所述原始积木块组合中与所述目标积木块相邻的积木块包括原始前积木块和原始后积木块时，调整所述原始前积木块的后积木块连接参数为所述原始后积木块的标识，调整所述原始后积木块的前积木块连接参数为所述原始前积木块的标识；

当所述目标积木块组合中与所述目标位置相邻的积木块包括目标前积木块和目标后积木块时，调整所述目标前积木块的后积木块连接参数为所述目标积木块的标识，调整所述目标后积木块的前积木块连接参数为所述目标积木块的标识，调整所述目标积木块的前积木块连接参数为所述目标前积木块的标识，调整所述目标积木块的后积木块连接参数为所述目标后积木块的标识。

可选的，所述操作判定模块702还用于：

若在所述定时器的计时时长未达到所述预设时长阈值时，检测到控制所述积木块调整元素结束所述积木块预调整操作，则确定当前触发针对位于所述目标积木块后端的后端积木块组合的调整操作；

则所述信息调整模块703还用于：

根据对于所述后端积木块组合的拖拽轨迹，调整所述后端积木块组合的显示位置以及所述目标积木块的接口参数。

可选的，所述信息调整模块703具体用于：

当所述拖拽轨迹用于使所述后端积木块组合与所述目标积木块所属的原始积木块组合分离时，清空与所述目标积木块相邻的前积木块的后积木块连接参数，清空所述目标积木块的前积木块连接参数。

在本申请实施例提供的图形化编程工具中的积木块调整装置中，检测到积木块调整元素在目标积木块处触发积木块预调整操作时，启动定时器计时，并记录该积木块调整元素当前所处的位置作为第一位置；当该定时器的计时时长达到预设时长阈值时，记录该积木块调整元素当前所处的位置作为第二位置，若该第二位置与第一位置相匹配，则确定当前触发了针对目标积木块的调整操作；进而，可以根据对于该目标积木块的拖拽轨迹，调整该目标积木块的显示位置以及该目标积木块的接口参数。上述积木块调整装置创新性地提出了一种针对积木块组合中的单个积木块的调整方式，即通过控制积木块调整元素较长时间处于目标积木块处(例如可以通过在目标积木块处长按鼠标来实现)，来触发针对该目标积木块的调整操作，进而可以通过拖拽目标积木块的方式调整该目标积木块；如此，可以有效地提升图形化编程工具中对于积木块的操作效率，并且降低误操作率，并且此种操作方式更符合用户的操作习惯和认知本能，可以降低编程初学者的学习门槛，提高用户体验。

本申请实施例还提供了一种用在图形化编程工具中调整积木块的设备，该设备具体可以是终端设备或者服务器，下面将从硬件实体化的角度对本申请实施例提供的终端设备和服务器进行介绍。

参见图8，图8是本申请实施例提供的终端设备的结构示意图。如图8所示，为了便于说明，仅示出了与本申请实施例相关的部分，具体技术细节未揭示的，请参照本申请实施例方法部分。该终端可以为包括手机、平板电脑、个人数字助理(英文全称：PersonalDigital Assistant，英文缩写：PDA)、销售终端(英文全称：Point of Sales，英文缩写：POS)、车载电脑等任意终端设备，以终端为计算机为例：

图8示出的是与本申请实施例提供的终端相关的计算机的部分结构的框图。参考图8，计算机包括：射频(英文全称：Radio Frequency，英文缩写：RF)电路810、存储器820、输入单元830、显示单元840、传感器850、音频电路860、无线保真(英文全称：wirelessfidelity，英文缩写：WiFi)模块870、处理器880、以及电源890等部件。本领域技术人员可以理解，图8中示出的计算机结构并不构成对计算机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

存储器820可用于存储软件程序以及模块，处理器880通过运行存储在存储器820的软件程序以及模块，从而执行计算机的各种功能应用以及数据处理。存储器820可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据计算机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器820可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

处理器880是计算机的控制中心，利用各种接口和线路连接整个计算机的各个部分，通过运行或执行存储在存储器820内的软件程序和/或模块，以及调用存储在存储器820内的数据，执行计算机的各种功能和处理数据，从而对计算机进行整体监控。可选的，处理器880可包括一个或多个处理单元；优选的，处理器880可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器880中。

在本申请实施例中，该终端所包括的处理器880还具有以下功能：

检测到积木块调整元素在目标积木块处触发积木块预调整操作时，启动定时器计时，并记录所述积木块调整元素当前所处的位置作为第一位置；

当所述定时器的计时时长达到预设时长阈值时，记录所述积木块调整元素当前所处的位置作为第二位置；若所述第二位置与所述第一位置相匹配，则确定当前触发针对所述目标积木块的调整操作；

根据对于所述目标积木块的拖拽轨迹，调整所述目标积木块的显示位置以及所述目标积木块的接口参数。

可选的，所述处理器880还用于执行本申请实施例提供的图形化编程工具中的积木块调整方法的任意一种实现方式的步骤。

参见图9，图9为本申请实施例提供的一种服务器900的结构示意图。该服务器900可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上中央处理器(centralprocessing units，CPU)922(例如，一个或一个以上处理器)和存储器932，一个或一个以上存储应用程序942或数据944的存储介质930(例如一个或一个以上海量存储设备)。其中，存储器932和存储介质930可以是短暂存储或持久存储。存储在存储介质930的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对服务器中的一系列指令操作。更进一步地，中央处理器922可以设置为与存储介质930通信，在服务器900上执行存储介质930中的一系列指令操作。

服务器900还可以包括一个或一个以上电源926，一个或一个以上有线或无线网络接口950，一个或一个以上输入输出接口958，和/或，一个或一个以上操作系统，例如Windows ServerTM，Mac OS XTM，UnixTM,LinuxTM，FreeBSDTM等等。

上述实施例中由服务器所执行的步骤可以基于该图9所示的服务器结构。

其中，CPU 922用于执行如下步骤：

检测到积木块调整元素在目标积木块处触发积木块预调整操作时，启动定时器计时，并记录所述积木块调整元素当前所处的位置作为第一位置；

当所述定时器的计时时长达到预设时长阈值时，记录所述积木块调整元素当前所处的位置作为第二位置；若所述第二位置与所述第一位置相匹配，则确定当前触发针对所述目标积木块的调整操作；

根据对于所述目标积木块的拖拽轨迹，调整所述目标积木块的显示位置以及所述目标积木块的接口参数。

可选的，CPU 922还可以用于执行本申请实施例提供的图形化编程工具中的积木块调整方法的任意一种实现方式的步骤。

本申请实施例还提供一种计算机可读存储介质，用于存储计算机程序，该计算机程序用于执行前述各个实施例所述的一种图形化编程工具中的积木块调整方法中的任意一种实施方式。

本申请实施例还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行前述各个实施例所述的一种图形化编程工具中的积木块调整方法中的任意一种实施方式。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(英文全称：Read-OnlyMemory，英文缩写：ROM)、随机存取存储器(英文全称：Random Access Memory，英文缩写：RAM)、磁碟或者光盘等各种可以存储计算机程序的介质。

应当理解，在本申请中，“至少一个(项)”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，用于描述关联对象的关联关系，表示可以存在三种关系，例如，“A和/或B”可以表示：只存在A，只存在B以及同时存在A和B三种情况，其中A，B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达，是指这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a，b或c中的至少一项(个)，可以表示：a，b，c，“a和b”，“a和c”，“b和c”，或“a和b和c”，其中a，b，c可以是单个，也可以是多个。

以上所述，以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。