一种执行可视化编程的方法和装置与流程

本申请实施例涉及计算机技术领域，尤其涉及一种执行可视化编程的方法和装置。

背景技术：

可视化编程工具具有低门槛和便于使用的特点，可视化编程的核心就在于把代码形式的文本编程语言转换成易于理解的图形编程语言，通过阅读一系列图形内容来理解其表达的功能含义。目前，在采用可视化编程方案时，用户可以先在编程界面右侧的积木列表域中选择用户需要的积木块，然后将该积木块放置在编程操作区域中，若用户需要使用其它积木块，仍可以添加到该编程操作区域中。

在目前的积木列表域的右侧一列专设有积木工具箱，用户可以对角色增加必要的功能，例如可以该积木工具箱中包括对角色进行皮肤设计、运动设计等设计功能。

在目前的可视化编程工具中，存在积木块与积木工具箱的设置相对混杂设置的问题，导致用户在单独拉出积木工具箱时无法编译的问题，导致积木功能设置失败的问题。

技术实现要素：

本申请实施例提供了一种执行可视化编程的方法和装置，用于提高功能积木块的设置成功率，避免积木功能设置失败。

本申请实施例提供以下技术方案：

第一方面，本申请实施例提供一种执行可视化编程的方法，所述方法包括：

在目标界面的可视化布局区域确定目标角色；

在所述目标界面的事件积木块触发区域显示事件积木块集合；

响应对所述事件积木块集合中的任一事件积木块的选中操作，在所述目标界面的可视化编程区域添加与所述目标角色对应的第一事件积木块；

响应对所述目标界面的功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木块的选中操作，在所述可视化编程区域添加与所述目标角色对应的第一功能积木块。

第二方面，本申请实施例还提供一种执行可视化编程的方法，所述方法包括：

展示目标界面；

响应对所述目标界面的事件积木块集合中任一事件积木块的选中操作，在所述目标界面的可视化编程区域添加与目标角色对应的第一事件积木块，其中，所述事件积木块集合显示在所述目标界面的事件积木块触发区域，所述目标界面的可视化布局区域显示所述目标角色；

响应对所述目标界面的功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木的选中操作，在所述目标界面的可视化编程区域添加与所述目标角色对应的第一功能积木块。

在一种可能的实现方式中，所述第一事件积木块包括：第一开始块和第一结束块，

所述第一开始块与所述第一结束块在所述可视化编程区域中呈横向排列或纵向排列。

在一种可能的实现方式中，当所述第一开始块与所述第一结束块在所述可视化编程区域中呈横向排列时，所述第一开始块与所述第一结束块通过第一连接符关联；

当所述第一开始块与所述第一结束块在所述可视化编程区域中呈纵向排列时，所述第一开始块与第一结束块通过第二连接符关联。

在一种可能的实现方式中，所述第一连接符包括：用于指示所述第一事件积木块可被展开的省略标识符。

在一种可能的实现方式中，所述响应对所述目标界面的功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木块的选中操作，在所述可视化编程区域添加与所述目标角色对应的第一功能积木块，包括：

当所述第一开始块与所述第一结束块在所述可视化编程区域中呈横向排列时，在所述可视化编程区域中显示与所述第一事件积木块关联的积木块展开标识；

当检测到针对所述积木块展开标识的展开指令时，将所述第一事件积木块展开，并在所述可视化编程区域上显示所述第一事件积木块展开后的第一事件区域；

响应对所述功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木的选中操作，确定第一功能积木块；

响应针对所述第一功能积木块的拖拽操作，在所述第一事件区域添加所述第一功能积木块。

在一种可能的实现方式中，所述响应针对所述第一功能积木块的拖拽操作，在所述第一事件区域添加所述第一功能积木块之后，所述方法还包括：

当所述第一开始块与所述第一结束块在所述可视化编程区域中呈纵向排列时，在所述可视化编程区域中显示与所述第一事件积木块关联的积木块收起标识；

当检测到针对所述积木块收起标识的收起指令时，隐藏所述第一事件区域中的所述第一功能积木块。

在一种可能的实现方式中，所述在所述目标界面的可视化编程区域添加与所述目标角色对应的第一事件积木块之后，所述方法还包括：

响应对所述事件积木块集合中的任一事件积木块的选中操作，在所述目标界面的可视化编程区域添加与所述目标角色对应的第二事件积木块，所述第二事件积木块与所述第一事件积木块在所述可视化编程区域上呈纵列对齐方式排布。

在一种可能的实现方式中，所述在所述可视化编程区域添加与所述目标角色对应的第一功能积木块之后，所述方法还包括：

响应对所述目标界面的功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木块的选中操作，在所述可视化编程区域添加与所述目标角色对应的第二功能积木块，所述第一功能积木块和所述第二功能积木块在所述第一事件区域上进行组合显示或者并列显示。

在一种可能的实现方式中，所述第一功能积木块属于如下功能积木块中的任意一种：逻辑类型功能积木块、基础积木类型功能积木块、可被填充类型功能积木块、最小积木个体类型功能积木块、高级功能积木类型功能积木块。

在一种可能的实现方式中，所述逻辑类型功能积木块、所述基础积木类型功能积木块、所述可被填充类型功能积木块、所述最小积木个体类型功能积木块、所述高级功能积木类型功能积木块通过不同的颜色进行显示。

在一种可能的实现方式中，所述在所述目标界面的可视化编程区域添加与所述目标角色对应的第一事件积木块之后，所述方法还包括：

响应针对所述第一事件积木块的拖拽操作，在所述可视化编程区域上控制所述第一事件积木块进行移动，以调整所述第一事件积木块与其它事件积木块的排列次序，和所述第一事件积木块在所述可视化编程区域上的位置。

在一种可能的实现方式中，所述在所述目标界面的可视化编程区域添加与所述目标角色对应的第一事件积木块之后，所述方法还包括：

响应于针对所述第一事件积木块的编辑操作，在所述可视化编程区域显示针对所述第一事件积木块的操作选项菜单。

在一种可能的实现方式中，所述响应对所述事件积木块集合中的任一事件积木块的选中操作包括：

检测事件积木块触发区域上的事件积木块集合中每个事件积木块对应的事件选择按钮，根据被选中的事件选择按钮响应与所述被选中的事件入口按钮对应的事件积木块的选中操作；或者，检测事件积木块触发区域上的事件积木块集合中每个事件积木块对应的预设触摸位置，根据被触摸的预设触摸位置响应与所述被触摸的预设触摸位置对应的事件积木块的选中操作。

在一种可能的实现方式中，所述事件积木块集合中的多个事件积木块在所述事件积木块触发区域中，根据所述目标角色所属的应用程序类型进行自动排序，或者根据所述多个事件积木块的添加频率进行自动排序，或者根据对所述目标角色的编程意图进行自动排序。

在一种可能的实现方式中，纵向排列的事件积木块在所述可视化编程区域内进行横向移动；检测所述纵向排列的事件积木块被释放时，在所述可视化编程区域内对横向移动的事件积木块进行自动复位；或者，

纵向排列的功能积木块在所述可视化编程区域内进行横向移动；检测所述纵向排列的功能积木块被释放时，在所述可视化编程区域内对横向移动的功能积木块进行自动复位。

在一种可能的实现方式中，所述功能积木块集合中的多个功能积木块在所述功能积木块触发区域中，根据所述目标角色所属的应用程序类型进行自动排序，或者根据所述多个功能积木块的添加频率进行自动排序，或者根据对所述目标角色的编程意图进行自动排序。

第三方面，本申请实施例提供一种执行可视化编程的装置，所述执行可视化编程的装置，包括：显示模块和处理模块，其中，

所述处理模块，用于在目标界面的可视化布局区域确定目标角色；

所述显示模块，用于在所述目标界面的事件积木块触发区域显示事件积木块集合；

所述处理模块，还用于响应对所述事件积木块集合中的任一事件积木块的选中操作，在所述目标界面的可视化编程区域添加与所述目标角色对应的第一事件积木块；

所述处理模块，还用于响应对所述目标界面的功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木块的选中操作，在所述可视化编程区域添加与所述目标角色对应的第一功能积木块。

第四方面，本申请实施例提供一种执行可视化编程的装置，所述执行可视化编程的装置，包括：显示模块和处理模块，其中，

所述显示模块，用于展示目标界面；

所述处理模块，用于响应对所述目标界面的事件积木块集合中任一事件积木块的选中操作，在所述目标界面的可视化编程区域添加与目标角色对应的第一事件积木块，其中，所述事件积木块集合显示在所述目标界面的事件积木块触发区域，所述目标界面的可视化布局区域显示所述目标角色；

所述处理模块，还用于响应对所述目标界面的功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木的选中操作，在所述目标界面的可视化编程区域添加与所述目标角色对应的第一功能积木块。

在一种可能的实现方式中，所述第一事件积木块包括：第一开始块和第一结束块，

所述第一开始块与所述第一结束块在所述可视化编程区域中呈横向排列或纵向排列。

在一种可能的实现方式中，当所述第一开始块与所述第一结束块在所述可视化编程区域中呈横向排列时，所述第一开始块与所述第一结束块通过第一连接符关联；

当所述第一开始块与所述第一结束块在所述可视化编程区域中呈纵向排列时，所述第一开始块与第一结束块通过第二连接符关联。

在一种可能的实现方式中，所述第一连接符包括：用于指示所述第一事件积木块可被展开的省略标识符。

在一种可能的实现方式中，所述显示模块，还用于当所述第一开始块与所述第一结束块在所述可视化编程区域中呈横向排列时，在所述可视化编程区域中显示与所述第一事件积木块关联的积木块展开标识；

所述处理模块，还用于当检测到针对所述积木块展开标识的展开指令时，将所述第一事件积木块展开；

所述显示模块，还用于在所述可视化编程区域上显示所述第一事件积木块展开后的第一事件区域；

所述处理模块，还用于响应对所述功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木的选中操作，确定第一功能积木块；

所述处理模块，还用于响应针对所述第一功能积木块的拖拽操作，在所述第一事件区域添加所述第一功能积木块。

在一种可能的实现方式中，所述显示模块，还用于响应针对所述第一功能积木块的拖拽操作，在所述第一事件区域添加所述第一功能积木块之后，当所述第一开始块与所述第一结束块在所述可视化编程区域中呈纵向排列时，在所述可视化编程区域中显示与所述第一事件积木块关联的积木块收起标识；

所述处理模块，还用于当检测到针对所述积木块收起标识的收起指令时，隐藏所述第一事件区域中的所述第一功能积木块。

在一种可能的实现方式中，所述处理模块，还用于在所述目标界面的可视化编程区域添加与所述目标角色对应的第一事件积木块之后，响应对所述事件积木块集合中的任一事件积木块的选中操作，在所述目标界面的可视化编程区域添加与所述目标角色对应的第二事件积木块，所述第二事件积木块与所述第一事件积木块在所述可视化编程区域上呈纵列对齐方式排布。

在一种可能的实现方式中，所述处理模块，还用于在所述可视化编程区域添加与所述目标角色对应的第一功能积木块之后，响应对所述目标界面的功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木块的选中操作，在所述可视化编程区域添加与所述目标角色对应的第二功能积木块，所述第一功能积木块和所述第二功能积木块在所述第一事件区域上进行组合显示或者并列显示。

在一种可能的实现方式中，所述第一功能积木块属于如下功能积木块中的任意一种：逻辑类型功能积木块、基础积木类型功能积木块、可被填充类型功能积木块、最小积木个体类型功能积木块、高级功能积木类型功能积木块。

在一种可能的实现方式中，所述逻辑类型功能积木块、所述基础积木类型功能积木块、所述可被填充类型功能积木块、所述最小积木个体类型功能积木块、所述高级功能积木类型功能积木块通过不同的颜色进行显示。

在一种可能的实现方式中，所述处理模块，还用于在所述目标界面的可视化编程区域添加与所述目标角色对应的第一事件积木块之后，响应针对所述第一事件积木块的拖拽操作，在所述可视化编程区域上控制所述第一事件积木块进行移动，以调整所述第一事件积木块与其它事件积木块的排列次序，和所述第一事件积木块在所述可视化编程区域上的位置。

在一种可能的实现方式中，所述显示模块，还用于在所述目标界面的可视化编程区域添加与所述目标角色对应的第一事件积木块之后，响应于针对所述第一事件积木块的编辑操作，在所述可视化编程区域显示针对所述第一事件积木块的操作选项菜单。

在一种可能的实现方式中，所述处理模块，还用于检测所述事件积木块触发区域上的唯一事件入口按钮，当检测到所述唯一事件入口按钮被触发时确定出对所述事件积木块集合中的任一事件积木块的选中操作；或者，检测所述事件积木块触发区域上的预设触摸位置，当检测到所述预设触摸位置被触发时确定出对所述事件积木块集合中的任一事件积木块的选中操作。

在前述的第三或者第四方面中，执行可视化编程的装置的组成模块还可以执行前述第一方面或第二方面以及各种可能的实现方式中所描述的步骤，详见前述对第一方面或者第二方面以及各种可能的实现方式中的说明。

另一方面，本申请实施例提供一种执行可视化编程的装置，该执行可视化编程的装置包括：处理器、存储器；存储器用于存储计算机可读指令；处理器用于执行存储器中的计算机可读指令，使得执行可视化编程的装置执行如前述第一方面或者第二方面中任一项的方法。

另一方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述各方面所述的方法。

在本申请实施例中，首先在目标界面的可视化布局区域确定目标角色，然后在目标界面的事件积木块触发区域显示事件积木块集合，接下来响应对事件积木块集合中的任一事件积木块的选中操作，在目标界面的可视化编程区域添加与目标角色对应的第一事件积木块，最后响应对目标界面的功能积木块触发区域显示的第一事件积木块对应的至少一个功能积木块的选中操作，在可视化编程区域添加与目标角色对应的第一功能积木块。本申请实施例中在目标界面上可以独立设置事件积木块触发区域和功能积木块触发区域，使得事件积木块和功能积木块可以在各自的添加区域进行部署，避免误操作的问题，另外本申请实施例中先响应的是第一事件积木块的添加，在完成添加第一事件积木块之后才会响应该第一事件积木块所对应的至少一个功能积木块的选中操作，最后根据目标角色对功能的需要来添加第一功能积木块。本申请实施例中可以将目标角色的功能设置为与事件积木块独立的功能积木块，从而提高功能积木块的设置成功率，避免积木功能设置失败。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请实施例的一些实施例，对于本领域的技术人员来讲，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的目标界面的一种界面显示示意图；

图2为本申请实施例提供的一种执行可视化编程的方法的流程方框示意图；

图3为本申请实施例提供的选择要添加的事件积木块类型的目标界面示意图；

图4为本申请实施例提供的将事件积木块展开的目标界面示意图；

图5为本申请实施例提供的将事件积木块折叠的目标界面示意图；

图6为本申请实施例提供的添加两个事件积木块的目标界面示意图；

图7为本申请实施例提供的在事件积木块上添加操作选项菜单的目标界面示意图；

图8为本申请实施例提供的在同一个事件积木块中添加两个功能积木块的目标界面示意图；

图9为本申请实施例提供的功能积木块的分类示意图；

图10为本申请实施例提供的多个功能积木块组合使用的示意图；

图11为本申请实施例提供的一种执行可视化编程的装置的组成结构示意图；

图12为本申请实施例提供的执行可视化编程的方法应用于终端的组成结构示意图；

图13为本申请实施例提供的执行可视化编程的方法应用于服务器的组成结构示意图。

具体实施方式

本申请实施例提供了一种执行可视化编程的方法和装置，用于提高功能积木块的设置成功率，避免积木功能设置失败。

为使得本申请实施例的发明目的、特征、优点能够更加的明显和易懂，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，下面所描述的实施例仅仅是本申请实施例一部分实施例，而非全部实施例。基于本申请实施例中的实施例，本领域的技术人员所获得的所有其他实施例，都属于本申请实施例保护的范围。

本申请实施例的说明书和权利要求书及上述附图中的术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，以便包含一系列单元的过程、方法、系统、产品或设备不必限于那些单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它单元。

本申请实施例提供的执行可视化编程的方法可以应用于可视化编程工具，在该可视化编程工具中具有一个目标界面，如图1所示，为本申请实施例提供的目标界面10的一种界面显示示意图。该目标界面10中可以包括：可视化布局区域101、可视化布局区域102、事件积木块触发区域103、功能积木块触发区域104。可视化布局区域101、可视化布局区域102、事件积木块触发区域103、功能积木块触发区域104在该目标界面10中的相对位置、每个区域的大小都可以根据具体场景灵活确定，此处不做限定。

其中，可视化布局区域101用于在确定出目标角色105之后显示该目标角色105，例如目标角色105可以根据应用场景来确定，例如在游戏场景下该目标角色105可以是一个飞机或者一个卡通人物等，例如图1所示的目标角色105可以是战斗机a。

可视化布局区域102是事件积木块和功能积木块的操作区域，事件积木块用于描述当发生什么事件的时候进行触发的逻辑块，例如事件积木块可以有多种，包括但不局限于如下举例：当游戏开始时、当角色被点击时、当屏幕被点击时等，具体可以应用场景来确定事件积木块。在本申请实施例中可以为一个目标角色105设计至少一种的事件积木块。

事件积木块触发区域103是用于触发是否添加事件积木块的控制区域，该事件积木块触发区域103可以由用户来控制是否添加事件积木块，例如该事件积木块触发区域103可以位于可视化布局区域102的上方，以方便用户在需要添加事件积木块时能够进行便捷操作。事件积木块触发区域103可以固定存在于目标界面10上，也可以通过多种方式进行呼出和隐藏，详见后续实施例中对事件积木块触发区域103的举例说明。

功能积木块触发区域104是用于触发是否添加功能积木块的控制区域，该功能积木块触发区域104可以由用户来控制是否添加功能积木块，例如该功能积木块可以在事件积木块添加成功之后显示在可视化布局区域102中，或者该功能积木块也可以为之可视化布局区域102的右侧，具体实现可以结合应用场景来确定。功能积木块触发区域104可以固定存在于目标界面10上，也可以通过多种方式进行呼出和隐藏，详见后续实施例中对功能积木块触发区域104的举例说明。

本申请实施例中，可视化编程是指不使用代码，只用拖拽事件积木块和功能积木块就可以进行的编程方式，积木块是指可视化编程中用来代替代码片段的矩形块状结构，通过该积木块创建的应用程序可以用于社交工具中，也可以是相对独立的应用程序(app)，例如可以是在社交工具中运行的小游戏、小程序等。在目标界面10上设置有两种类型的积木块：事件积木块和功能积木块，其中，功能积木块指除了事件积木块以外，可以执行目标角色105的某些功能，如移动、旋转等行为的逻辑块。

本申请执行可视化编程的方法的一个实施例，具体可以应用于可视化编程场景中，该执行可视化编程的方法可以基于图1所示的目标界面10来实现。请参阅图2所示，本申请一个实施例提供的执行可视化编程的方法，可以包括如下步骤：

201、在目标界面的可视化布局区域确定目标角色。

在本申请实施例中，目标界面10上设置有可视化布局区域101，该可视化布局区域101用于在确定出目标角色105之后显示该目标角色105，例如目标角色105可以根据应用场景来确定，例如在游戏场景下该目标角色105可以是一个飞机或者一个卡通人物等。

举例说明如下，用户可以在可视化布局区域101的右侧一栏显示的角色列表中切换或添加该用户所需要的目标角色105，例如用户从角色列表中以拖拽方式将选中的目标角色105添加到可视化布局区域101中，从而该可视化布局区域101可以显示该目标角色105。

202、在目标界面的事件积木块触发区域显示事件积木块集合。

在本申请实施例中，目标界面10上还设置有事件积木块触发区域103，是用于触发是否添加事件积木块的控制区域，该事件积木块触发区域103可以由用户来控制是否添加事件积木块。如图3所示，为本申请实施例提供的选择要添加的事件积木块类型的目标界面示意图。当用户需要添加事件积木块时，用户可以在目标界面10上操作该事件积木块触发区域103，此时该事件积木块触发区域103可以显示事件积木块集合，例如事件积木块触发区域103以弹窗的方式显示事件积木块集合，或者以下拉列表的方式显示事件积木块集合,或者事件积木块触发区域103在固定区域显示事件积木块集合(例如该固定区域可以是可视化布局区域102的左上角固定位置点)，或者事件积木块触发区域103以浮层的方式显示事件积木块集合。

在本申请实施例中，当用户从事件积木块集合中选择完相关的事件积木块之后，相应的事件积木块触发区域103可以隐藏起来，事件积木块触发区域103的隐藏方式可以有多种，例如事件积木块触发区域103可以从可视化布局区域102上弹出，或者事件积木块触发区域103可以在可视化布局区域102上进行透明化显示，或者事件积木块触发区域103可以在可视化布局区域102上缩小为一个提示符，通过该提示符提示用户可以重新打开事件积木块触发区域103，具体实现形式可结合应用场景，此处不做限定。

本申请实施例中事件积木块集合中可以包括有至少一种事件积木块类型的事件积木块，该事件积木块集合具体可以是一种事件积木块列表，或者是一个事件积木块窗口，或者是一个事件积木块树等，此处不做限定。例如图3所示，事件积木块触发区域103以下拉列表的方式显示事件积木块集合，该事件积木块集合中n个事件积木块都可以显示出来，用户可以对事件积木块集合中的任一事件积木块的选中操作，不限定的是，用户也可以从该事件积木块集合中选中两个事件积木块或者更多的事件积木块。

在本申请的一些实施例中，可以在目标界面10中的事件积木块触发区域103上设置唯一事件入口按钮，例如，在目标界面10上可以把添加事件按钮单独放在目标界面10中间最重要的位置，用户点击按钮后弹出事件积木块列表，用户可以非常方便快捷的为目标角色105添加事件积木块。

在本申请的一些实施例中，可以在目标界面10中的事件积木块触发区域103上设置预设触摸位置，例如弹出事件积木块触发区域103的方式多种多样，可以通过触摸位置，如手指或鼠标处于边缘或滑向边缘时检测用户是否触发该预设触摸位置，若该预设触摸位置被触摸确定需要为目标角色105添加事件积木块。

203、响应对事件积木块集合中的任一事件积木块的选中操作，在目标界面的可视化布局区域添加与目标角色对应的第一事件积木块。

在本申请实施例中，事件积木块触发区域103显示事件积木块集合，用户可以执行对事件积木块集合中的任一事件积木块的选中操作，当检测到该选中操作时，可以响应于该选中操作，在目标界面10的可视化布局区域102添加与目标角色105对应的第一事件积木块。在目标界面10的可视化布局区域102添加的第一事件积木块对应于前述确定的目标角色105，当创建新的目标角色105时还需要为该新的目标角色105重新添加相应的事件积木块。其中，第一事件积木块可以按照固定位置的位置添加到可视化布局区域102上，例如新添加的事件积木块显示在可视化布局区域102上的固定位置，当然不限的是，用户还可以自己的需要来控制已经添加的事件积木块在可视化布局区域102上的移动，详见后续实施例中的说明。

举例说明如下，在可视化编程过程中，考虑到添加事件积木块操作是用户必须经历的操作，本申请实施例中可以将其单独作为一个入口按钮提供给用户，用户在使用积木块编写小游戏时，可以给目标角色105在可视化布局区域102快速添加一个事件积木块，例如可以添加如下事件类型：当游戏开始时、当角色被点击时、当屏幕被点击时的事件积木块。

在本申请的一些实施例中，所述事件积木块集合中的多个事件积木块在所述事件积木块触发区域103中，根据所述目标角色105所属的应用程序类型进行自动排序，或者根据所述多个事件积木块的添加频率进行自动排序，或者根据对所述目标角色105的编程意图进行自动排序。

举例说明如下，事件积木块集合中的多个积木块在事件积木块触发区域103中可以根据多种方式进行自动排列，并且事件积木块集合中的多个积木块的排序结果还可以根据编程用户的需要进行实时调整。例如根据目标角色105所属的应用程序类型进行自动排序，例如目标角色105属于益智游戏应用程序时，在该益智游戏应用程序类型关联紧密的事件积木块排列位置靠上，在该益智游戏应用程序类型关联较小的事件积木块排列位置靠下。又如，根据多个事件积木块的添加频率进行自动排序，即可以通过可视化编程工具动态统计哪种事件积木块被经常添加，哪种事件积木块不常被添加，根据事件积木块的添加频率从高到低依次排序。又如根据目标角色105的编程意图进行自动排序，例如可以根据用户的编程意图对多个事件积木块进行自动排序，将符合用户的编程意图的事件积木块排列位置靠上，不符合用户的编程意图的事件积木块排列位置靠下。具体可以根据实际场景确定在事件积木块触发区域103中的多个事件积木块的排序结果。

在本申请的一些实施例中，响应对事件积木块集合中的任一事件积木块的选中操作包括：

检测事件积木块触发区域103上的事件积木块集合中每个事件积木块对应的事件选择按钮，根据被选中的事件选择按钮响应与所述被选中的事件入口按钮对应的事件积木块的选中操作；或者，

检测事件积木块触发区域103上的事件积木块集合中每个事件积木块对应的预设触摸位置，根据被触摸的预设触摸位置响应与所述被触摸的预设触摸位置对应的事件积木块的选中操作。

具体的，事件积木块触发区域103具体包括在目标界面10中设置的多个事件选择按钮，事件积木块集合中每个事件积木块对应一个事件选择按钮，即事件积木块和事件选择按钮一一对应，获取到被选中的事件选择按钮之后，响应与被选中的事件入口按钮对应的事件积木块的选中操作。例如，在目标界面10上显示多个事件选择按钮，例如用户点击某一个事件选择按钮，则被选中的事件选择按钮对应的事件积木块需要添加，用户可以非常方便快捷的为目标角色105添加事件积木块。

事件积木块触发区域103具体包括在目标界面10中设置的多个预设触摸位置，事件积木块集合中每个事件积木块对应一个预设触摸位置，即事件积木块和预设触摸位置一一对应，获取到被触摸的预设触摸位置之后，响应与被触摸的预设触摸位置对应的事件积木块的选中操作。例如，在目标界面10上显示多个预设触摸位置，如手指或鼠标处于边缘或滑向边缘时检测用户是否触发该预设触摸位置。则被触摸的预设触摸位置对应的事件积木块需要添加，用户可以非常方便快捷的为目标角色105添加事件积木块。

在本申请的一些实施例中，第一事件积木块包括：第一开始块和第一结束块，

第一开始块与第一结束块在可视化布局区域102中呈横向排列或纵向排列。

如图4所示，为本申请实施例提供的将事件积木块展开的目标界面示意图。在可视化布局区域102中添加的事件积木块都可以包括：开始块106和结束块107，例如图4所示，事件积木块的样式形状采用“匡”字形状，事件积木块为当游戏开始触发的事件积木块，该事件积木块可以包括开始块和结束块，开始块与结束块在可视化布局区域102中的排列方式可以包括如下的至少一种：横向排列或纵向排列。其中，横向排列指的是事件积木块被折叠起来时的事件积木块排列方式，横向排列要求开始块和结束块在同一行，纵向排列指的是事件积木块被展开起来时的事件积木块排列方式，纵向排列要求开始块和结束块在同一列。在本申请实施例中可以根据用户对事件积木块的操作来确定开始块和结束块之间的排列方式，此处不做限定。

在本申请的一些实施例中，当第一开始块与第一结束块在可视化布局区域102中呈横向排列时，第一开始块与第一结束块通过第一连接符关联；

当第一开始块与第一结束块在可视化布局区域102中呈纵向排列时，第一开始块与第一结束块通过第二连接符关联。

其中，事件积木块中包括的开始块和结束块在事件积木块具有不同的状态时可以使用不同的连接符进行关联，其中，连接符指的是连接开始块和结束块的关联符号，该连接符可以具有多种形状，例如箭头连接符、直接连接符、省略号连接符、折线连接符等。本申请实施例中用户需要折叠第一事件积木块时，第一开始块和第一结束块呈横向排列，第一开始块与第一结束块通过第一连接符关联，例如第一连接符可以为虚线。用户需要展开事件积木块时，开始块和结束块呈纵向排列，第一开始块与第一结束块通过第二连接符关联，例如第二连接符可以是竖直直线，或者弧线，或者折线等，此处不做限定。本申请实施例中，第一连接符和第二连接符是两种类型不相同的连接符，用户可以从目标界面10上看到这两种连接符，进而确定开始块和连接块的排列方式。

如图5所示，为本申请实施例提供的将事件积木块折叠的目标界面示意图，在本申请的一些实施例中，第一连接符包括：用于指示第一事件积木块可被展开的省略标识符。用户可以从目标界面10上看到该省略连接符时，确定第一事件积木块是可以被展开的，此时用户可以在可视化布局区域102上添加与第一事件积木块对应的功能积木块，详见后续步骤204中的描述。

在本申请的一些实施例中，步骤203在目标界面10的可视化布局区域102添加与目标角色105对应的第一事件积木块之后，本申请实施例提供的方法还包括如下步骤：

响应对事件积木块集合中的任一事件积木块的选中操作，在目标界面10的可视化布局区域102添加与目标角色105对应的第二事件积木块，第二事件积木块与第一事件积木块在可视化布局区域102上呈纵列对齐方式排布。

其中，用户可以在目标界面10上为同一个目标角色105添加多个事件积木块，例如在为某一个目标角色105添加第一事件积木块之后，基于类似的选中操作，还可以添加第二事件积木块，第二事件积木块与第一事件积木块在可视化布局区域102上呈纵列对齐方式排布，纵列对齐方式指的是在可视化布局区域102上多个事件积木块位于不同的行，但是这些事件积木块是对齐的，从而用户可以多个事件积木块的对齐排布确定这些事件积木块属于同一个角色，便于用户在可视化布局区域102上进行灵活快捷的编程。

在本申请的一些实施例中，纵向排列的事件积木块在所述可视化布局区域102内进行横向移动；检测所述纵向排列的事件积木块被释放时，在所述可视化布局区域102内对横向移动的事件积木块进行自动复位；或者，

纵向排列的功能积木块在所述可视化布局区域102内进行横向移动；检测所述纵向排列的功能积木块被释放时，在所述可视化布局区域102内对横向移动的功能积木块进行自动复位。

其中，当用户将纵向排列的积木块(例如包括事件积木块或者功能积木块)在可视化布局区域102内进行横向移动时，当用户松手该积木块时，该积木块被释放掉，此时这些被移动的块会自动复位，以使得在可视化布局区域102内的积木块(例如包括事件积木块或者功能积木块)进行整齐排列，便于用户进行后续的编程操作。

举例说明如下，如图6所示，为本申请实施例提供的添加两个事件积木块的目标界面10示意图。两个事件积木块为当游戏开始时触发的事件积木块和当角色被点击时触发的事件积木块，这两个事件积木块在可视化布局区域102上呈纵列对齐方式排布，例如图6所示，这些事件积木块按左侧对齐的纵列方式排布，用户可以快速清晰的查看到一个目标角色105拥有的全部事件积木块。

不限定的是，本申请实施例中可以为同一个目标角色105添加多个事件积木块，而不局限于图6所示的两个事件积木块。

在本申请的一些实施例中，步骤203在目标界面的可视化布局区域添加与目标角色105对应的第一事件积木块之后，本申请实施例提供的方法还包括：

响应于针对第一事件积木块的编辑操作，在可视化布局区域102显示针对第一事件积木块的操作选项菜单。

其中，本申请实施例中用户在添加第一事件积木块之后，还可以针对第一事件积木块进行编辑操作，响应于针对第一事件积木块的编辑操作，在可视化布局区域102显示针对第一事件积木块的操作选项菜单，该操作选项菜单包括用户可以对第一事件积木块进行的操作选项。如图7所示，为本申请实施例提供的在事件积木块上添加操作选项菜单的目标界面10示意图。选中事件积木块后，双击操作可以显示选项菜单，进行一些功能的操作，例如可以包括如下操作的至少一种：展开积木块、收起积木块、复制并粘贴、删除全部积木块等。

在本申请的一些实施例中，步骤203在目标界面的可视化布局区域添加与目标角色对应的第一事件积木块之后，本申请实施例提供的方法还包括：

响应针对第一事件积木块的拖拽操作，在可视化布局区域102上控制第一事件积木块进行移动，以调整第一事件积木块与其它事件积木块的排列次序，和第一事件积木块在可视化布局区域102上的位置。

其中，本申请实施例中用户在添加第一事件积木块之后，还可以针对第一事件积木块进行推拽操作，响应针对第一事件积木块的拖拽操作，在可视化布局区域102上控制第一事件积木块进行移动，调整第一事件积木块与其它事件积木块的排列次序，和第一事件积木块在可视化布局区域102上的位置。举例说明如下，用户按住事件积木块拖动，可以垂直拖动调整次序和整块的位置，自定义的进行积木块布局，从而便于用户对目标角色105进行可视化编程。

204、响应对目标界面的功能积木块触发区域显示的第一事件积木块对应的至少一个功能积木块的选中操作，在可视化布局区域添加与目标角色对应的第一功能积木块。

在本申请实施例中，在目标界面10的可视化布局区域102添加与目标角色105对应的第一事件积木块之后，用户还可以在目标界面10上进一步的执行与第一事件积木块对应的功能积木块的添加。

在本申请实施例中，功能积木块触发区域104显示与第一事件积木块对应的至少一个功能积木块，用户可以执行对这些至少一个功能积木块中的任一功能积木块的选中操作，当检测到该选中操作时，可以响应于该选中操作，在目标界面10的可视化布局区域102添加与目标角色105对应的第一功能积木块。在目标界面10的可视化布局区域102添加的第一功能积木块对应于前述确定的目标角色105，当创建新的目标角色105时还需要为该新的目标角色105重新添加相应的功能积木块。其中，第一功能积木块可以按照固定位置的位置添加到可视化布局区域102上，例如新添加的功能积木块显示在可视化布局区域102上的固定位置，当然不限的是，用户还可以自己的需要来控制已经添加的功能积木块在可视化布局区域102上的移动，详见后续实施例中的说明。

在本申请的一些实施例中，步骤204在可视化布局区域添加与目标角色对应的第一功能积木块之后，本申请实施例提供的方法还包括如下步骤：

响应对目标界面10的功能积木块触发区域104显示的第一事件积木块对应的至少一个功能积木块的选中操作，在可视化布局区域102添加与目标角色105对应的第二功能积木块，第一功能积木块和第二功能积木块在第一事件区域上进行组合显示或者并列显示。

其中，用户可以在目标界面10上为同一个目标角色105添加多个功能积木块，例如在为某一个目标角色105添加第一功能积木块之后，基于类似的响应选中操作，还可以添加第二功能积木块，第二功能积木块与第一功能积木块在可视化布局区域102上进行组合显示或者并列显示，组合显示方式指的是在可视化布局区域102上多个功能积木块组合在一起显示出来，并列显示指的是在可视化布局区域102上多个功能积木块分别位于不同的行，但是这些功能积木块是对齐的，从而用户可以多个功能积木块的组合显示或者并列显示确定这些功能积木块属于同一个角色，便于用户在可视化布局区域102上进行灵活快捷的编程。

在本申请的一些实施例中，所述功能积木块集合中的多个功能积木块在所述功能积木块触发区域104中，根据所述目标角色105所属的应用程序类型进行自动排序，或者根据所述多个功能积木块的添加频率进行自动排序，或者根据对所述目标角色105的编程意图进行自动排序。

不限定的是，本申请实施例中，功能积木块触发区域104中多个功能积木块的排列还可以采用固定排列的方式，也可以根据用户的使用习惯进行动态排列，也可以根据用户编程的意图进行排列。举例说明如下，功能积木块集合中的多个积木块在功能积木块触发区域104中可以根据多种方式进行自动排列，并且功能积木块集合中的多个积木块的排序结果还可以根据编程用户的需要进行实时调整。例如根据目标角色105所属的应用程序类型进行自动排序，例如目标角色105属于益智游戏应用程序时，在该益智游戏应用程序类型关联紧密的功能积木块排列位置靠上，在该益智游戏应用程序类型关联较小的功能积木块排列位置靠下。又如，根据多个功能积木块的添加频率进行自动排序，即可以通过可视化编程工具动态统计哪种功能积木块被经常添加，哪种功能积木块不常被添加，根据功能积木块的添加频率从高到低依次排序。又如根据目标角色105的编程意图进行自动排序，例如可以根据用户的编程意图对多个功能积木块进行自动排序，将符合用户的编程意图的功能积木块排列位置靠上，不符合用户的编程意图的功能积木块排列位置靠下。具体可以根据实际场景确定在功能积木块触发区域104中的多个功能积木块的排序结果。

举例说明如下，图8为本申请实施例提供的在同一个事件积木块中添加两个功能积木块的目标界面示意图。在第一事件积木块处于展开状态时，可以将两个功能积木块都拖拽到一起，例如图8所示，这些功能积木块按左侧对齐的纵列方式排布，用户可以快速清晰的查看到一个目标角色105拥有的全部事件积木块，以及某个事件积木块内包含的所有功能积木块。

不限定的是，本申请实施例中可以为同一个目标角色105添加多个功能积木块，而不局限于图8所示的两个功能积木块。

在本申请的一些实施例中，步骤204响应对目标界面10的功能积木块触发区域104显示的第一事件积木块对应的至少一个功能积木块的选中操作，在可视化布局区域102添加与目标角色105对应的第一功能积木块，包括：

当第一开始块与第一结束块在可视化布局区域102中呈横向排列时，在可视化布局区域102中显示与第一事件积木块关联的积木块展开标识；

当检测到针对积木块展开标识的展开指令时，将第一事件积木块展开，并在可视化布局区域102上显示第一事件积木块展开后的第一事件区域；

响应对功能积木块触发区域104显示的第一事件积木块对应的至少一个功能积木的选中操作，确定第一功能积木块；

响应针对第一功能积木块的拖拽操作，在第一事件区域添加第一功能积木块。

其中，在添加第一事件积木块之后，第一事件积木块包括第一开始块与第一结束块，若第一开始块与第一结束块在可视化布局区域102中呈横向排列，在可视化布局区域102中显示与第一事件积木块关联的积木块展开标识，该积木块展开标识用于指示该第一事件积木块可以被展开，例如积木块展开标识可以是一个“+”号，若用户通过该积木块展开标识下发了展开指令，可以将第一事件积木块展开，并在可视化布局区域102上显示第一事件积木块展开后的第一事件区域，该第一事件区域具体可以是事件积木块的样式形状采用“匡”字形状时所包括的区域，为目标角色105选中第一功能积木块之后，响应针对第一功能积木块的拖拽操作，在第一事件区域添加第一功能积木块，本申请实施例中在可视化布局区域102中添加的第一功能积木块是在第一事件区域上来完成，因此只有在第一事件积木块添加之后才能形成第一事件区域，才能在该第一事件区域上来添加第一功能积木块，例如基于这个事件积木块的半包围结构进行功能积木块的填充。

在本申请的一些实施例中，步骤204响应针对第一功能积木块的拖拽操作，在第一事件区域添加第一功能积木块之后，本申请实施例提供方法还包括如下步骤：

当第一开始块与第一结束块在可视化布局区域102中呈纵向排列时，在可视化布局区域102中显示与第一事件积木块关联的积木块收起标识；

当检测到针对积木块收起标识的收起指令时，隐藏第一事件区域中的第一功能积木块。

其中，在添加第一事件积木块之后，第一事件积木块包括第一开始块与第一结束块，若第一开始块与第一结束块在可视化布局区域102中呈纵向排列，在可视化布局区域102中显示与第一事件积木块关联的积木块收起标识，该积木块收起标识用于指示该第一事件积木块可以被折叠，例如积木块收起标识可以是一个“-”号，若用户通过该积木块收起标识下发了展开指令，可以将第一事件积木块收起，并且隐藏第一事件区域中的第一功能积木块，例如第一事件积木块的样式形状采用“匡”字形状，此时可以根据该积木块收起标识将第一事件积木块收起(即折叠起来)，第一事件区域上添加的第一功能积木块也可以折叠起来。

举例说明如下，对于每个事件积木块内部包含的功能积木块，当用户点击“-”减号图标时，将内部的功能积木块隐藏，折叠事件积木块的形状为单独一行，中间使用省略号样式进行填充。当用户点击“+”加号图标时，显示其内部铺开事件积木块为多行，还原成之前的半包围“匡”字形样式结构。

接下来详细说明事件积木块被展开或者被收起时，该事件积木块的临近积木块的坐标位置计算方式。如下为举例说明，不作为对本申请实施例的限定。

举例说明，通过程序对积木块的主区域每个事件积木块计算其横坐标x和纵坐标y的值，并且把事件积木块的x坐标值保持锁定，让其在目标界面10上保持居左对齐排列。令左上角为基准坐标(x＝0,y＝0)，采用从上向下、从左向右的布局方式，计算新的积木块的纵坐标位置，从而依次整齐的进行排列。

通过如下方式计算总占用的高度z：

z＝m×h。

其中，m表示每个事件积木块内部的功能积木块数量，h表示每个积木块的高度，当用户点击收起按钮时，要被收起的积木块的临近积木块的y坐标减去总的占用高度z，得到的新坐标值就是对其的积木块的位置。

当用户点击展开按钮时，要被展开的积木块的临近积木块的y坐标加上总占用高度z，即可获得新的坐标位置。

当拖动积木块的时候，给拖动目标位置下方的积木块y轴坐标增加h，即可空出一个待添加的事件积木块区域。

接下来对功能积木块的分类进行详细说明。

第一功能积木块属于如下功能积木块中的任意一种：逻辑类型功能积木块、基础积木类型功能积木块、可被填充类型功能积木块、最小积木个体类型功能积木块、高级功能积木类型功能积木块。

其中，本申请实施例中功能积木块可以分为如下的五种类型：逻辑类型功能积木块、基础积木类型功能积木块、可被填充类型功能积木块、最小积木个体类型功能积木块、高级功能积木类型功能积木块。其中，可被填充类型功能积木块是指除了变量积木块可被填入其他积木块的类型。在每种类型的功能积木块中还可以包括一种或多种的功能积木块。具体可以根据应用场景来确定每种类型的功能积木块以及此类型下的功能积木块，此处不做限定。

在本申请的一些实施例中，逻辑类型功能积木块、基础积木类型功能积木块、可被填充类型功能积木块、最小积木个体类型功能积木块、高级功能积木类型功能积木块通过不同的颜色进行标识和显示。即在目标界面中添加不同类型的功能积木块时，对于同一种类型的功能积木块采用同一种颜色进行标识，不同类型的功能积木块采用不同的颜色进行标识，从而用户可以通过功能积木块所采用的颜色来确定功能积木块对应的类型。

在本申请的一些实施例中，可以将功能积木块分为11个种类，分别是逻辑积木块、控制积木块、运动积木块、外观积木块、动画积木块、侦测积木块、运算积木块、变量积木块、声音积木块、物理积木块和组件库积木块，本申请实施例根据使用场景逻辑进行了归类，分别是如下的5个类型：

逻辑类型(例如用蓝色表示)：逻辑积木块。

基础积木块类型(例如用深蓝色表示)：控制积木块、运动积木块、外观积木块、动画积木块、声音积木块、物理积木块。

除了变量积木块可被填入其他积木块的类型(例如用天蓝色表示)：侦测积木块、运算积木块。

最小积木块个体类型(例如用粉色表示)：变量积木块。

高级功能积木块类型(例如用橙色表示)：组件库积木块。

举例说明如下，图9为本申请实施例提供的功能积木块的分类示意图。逻辑类型功能积木块包括:“重复执行_次”功能积木块、“如果_,否则_”功能积木。基础积木类型功能积木块包括：“显示”功能积木块、“克隆自己”功能积木块、“将速度设置为_”功能积木块。可被填充类型功能积木块包括：“自己碰到边缘”功能积木块、“_大于_”功能积木块、“手指的x坐标”功能积木块、“全局计时器”功能积木块。最小积木个体类型功能积木块包括:“怪物数”功能积木块、“初始速度”功能积木块、“得分”功能积木块。高级功能积木类型功能积木块包括：“闪烁”功能积木块、“放大”功能积木块、“持续移动”功能积木块、“射击子弹”功能积木块。

如图10所示，为本申请实施例提供的多个功能积木块组合使用的示意图。对于目标角色添加的当游戏开始触发的事件积木块，可以依次添加“显示”功能积木块、“如果_,否则_”功能积木、“持续移动”功能积木块。在本申请实施例中，可以本申请实施例中先响应的是事件积木块的添加，在完成添加事件积木块之后才会响应该事件积木块所对应的至少一个功能积木块的选中操作，最后根据目标角色对功能的需要来添加功能积木块。本申请实施例中可以将目标角色的功能设置为与事件积木块独立的功能积木块，从而提高功能积木块的设置成功率，避免积木功能设置失败。

本申请实施例还提供了如下一种执行可视化编程的方法，该方法包括如下步骤：

展示目标界面；

响应对目标界面的事件积木块集合中任一事件积木块的选中操作，在目标界面的可视化编程区域添加与目标角色对应的第一事件积木块，其中，事件积木块集合显示在目标界面的事件积木块触发区域，目标界面的可视化布局区域显示目标角色；

响应对目标界面的功能积木块触发区域显示的第一事件积木块对应的至少一个功能积木的选中操作，在目标界面的可视化编程区域添加与目标角色对应的第一功能积木块。

其中，首先展开一个目标界面，在该目标界面展开之后确定可视化编程区域、事件积木块触发区域、功能积木块触发区域。对于事件积木块和功能积木块的详细添加流程以及具体操作流程，详见前述实施例的说明，此处不再赘述。

通过以上实施例对本申请实施例的描述可知，首先在目标界面的可视化布局区域确定目标角色，然后在目标界面的事件积木块触发区域显示事件积木块集合，接下来响应对事件积木块集合中的任一事件积木块的选中操作，在目标界面的可视化编程区域添加与目标角色对应的第一事件积木块，最后响应对目标界面的功能积木块触发区域显示的第一事件积木块对应的至少一个功能积木块的选中操作，在可视化编程区域添加与目标角色对应的第一功能积木块。本申请实施例中在目标界面上可以独立设置事件积木块触发区域和功能积木块触发区域，使得事件积木块和功能积木块可以在各自的添加区域进行部署，避免误操作的问题，另外本申请实施例中先响应的是第一事件积木块的添加，在完成添加第一事件积木块之后才会响应该第一事件积木块所对应的至少一个功能积木块的选中操作，最后根据目标角色对功能的需要来添加第一功能积木块。本申请实施例中可以将目标角色的功能设置为与事件积木块独立的功能积木块，从而提高功能积木块的设置成功率，避免积木功能设置失败。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请实施例并不受所描述的动作顺序的限制，因为依据本申请实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请实施例所必须的。

为便于更好的实施本申请实施例的上述方案，下面还提供用于实施上述方案的相关装置。

请参阅图11所示，本申请实施例提供的一种执行可视化编程的装置1100，可以包括：显示模块1101和处理模块1102，其中，

所述处理模块1102，用于在目标界面的可视化布局区域确定目标角色；

所述显示模块1101，用于在所述目标界面的事件积木块触发区域显示事件积木块集合；

所述处理模块1102，还用于响应对所述事件积木块集合中的任一事件积木块的选中操作，在所述目标界面的可视化编程区域添加与所述目标角色对应的第一事件积木块；

所述处理模块1102，还用于响应对所述目标界面的功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木块的选中操作，在所述可视化编程区域添加与所述目标角色对应的第一功能积木块。

本申请实施例提供一种执行可视化编程的装置，所述执行可视化编程的装置，包括：显示模块和处理模块，其中，

所述显示模块，用于展示目标界面；

所述处理模块，用于响应对所述目标界面的事件积木块集合中任一事件积木块的选中操作，在所述目标界面的可视化编程区域添加与目标角色对应的第一事件积木块，其中，所述事件积木块集合显示在所述目标界面的事件积木块触发区域，所述目标界面的可视化布局区域显示所述目标角色；

所述处理模块，还用于响应对所述目标界面的功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木的选中操作，在所述目标界面的可视化编程区域添加与所述目标角色对应的第一功能积木块。

在一种可能的实现方式中，所述第一事件积木块包括：第一开始块和第一结束块，

所述第一开始块与所述第一结束块在所述可视化编程区域中呈横向排列或纵向排列。

在一种可能的实现方式中，当所述第一开始块与所述第一结束块在所述可视化编程区域中呈横向排列时，所述第一开始块与所述第一结束块通过第一连接符关联；

当所述第一开始块与所述第一结束块在所述可视化编程区域中呈纵向排列时，所述第一开始块与第一结束块通过第二连接符关联。

在一种可能的实现方式中，所述第一连接符包括：用于指示所述第一事件积木块可被展开的省略标识符。

在一种可能的实现方式中，所述显示模块，还用于当所述第一开始块与所述第一结束块在所述可视化编程区域中呈横向排列时，在所述可视化编程区域中显示与所述第一事件积木块关联的积木块展开标识；

所述处理模块，还用于当检测到针对所述积木块展开标识的展开指令时，将所述第一事件积木块展开；

所述显示模块，还用于在所述可视化编程区域上显示所述第一事件积木块展开后的第一事件区域；

所述处理模块，还用于响应对所述功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木的选中操作，确定第一功能积木块；

所述处理模块，还用于响应针对所述第一功能积木块的拖拽操作，在所述第一事件区域添加所述第一功能积木块。

在一种可能的实现方式中，所述显示模块，还用于响应针对所述第一功能积木块的拖拽操作，在所述第一事件区域添加所述第一功能积木块之后，当所述第一开始块与所述第一结束块在所述可视化编程区域中呈纵向排列时，在所述可视化编程区域中显示与所述第一事件积木块关联的积木块收起标识；

所述处理模块，还用于当检测到针对所述积木块收起标识的收起指令时，隐藏所述第一事件区域中的所述第一功能积木块。

在一种可能的实现方式中，所述处理模块，还用于在所述目标界面的可视化编程区域添加与所述目标角色对应的第一事件积木块之后，响应对所述事件积木块集合中的任一事件积木块的选中操作，在所述目标界面的可视化编程区域添加与所述目标角色对应的第二事件积木块，所述第二事件积木块与所述第一事件积木块在所述可视化编程区域上呈纵列对齐方式排布。

在一种可能的实现方式中，所述处理模块，还用于在所述可视化编程区域添加与所述目标角色对应的第一功能积木块之后，响应对所述目标界面的功能积木块触发区域显示的所述第一事件积木块对应的至少一个功能积木块的选中操作，在所述可视化编程区域添加与所述目标角色对应的第二功能积木块，所述第一功能积木块和所述第二功能积木块在所述第一事件区域上进行组合显示或者并列显示。

在一种可能的实现方式中，所述第一功能积木块属于如下功能积木块中的任意一种：逻辑类型功能积木块、基础积木类型功能积木块、可被填充类型功能积木块、最小积木个体类型功能积木块、高级功能积木类型功能积木块。

在一种可能的实现方式中，所述逻辑类型功能积木块、所述基础积木类型功能积木块、所述可被填充类型功能积木块、所述最小积木个体类型功能积木块、所述高级功能积木类型功能积木块通过不同的颜色进行显示。

在一种可能的实现方式中，所述处理模块，还用于在所述目标界面的可视化编程区域添加与所述目标角色对应的第一事件积木块之后，响应针对所述第一事件积木块的拖拽操作，在所述可视化编程区域上控制所述第一事件积木块进行移动，以调整所述第一事件积木块与其它事件积木块的排列次序，和所述第一事件积木块在所述可视化编程区域上的位置。

在一种可能的实现方式中，所述显示模块，还用于在所述目标界面的可视化编程区域添加与所述目标角色对应的第一事件积木块之后，响应于针对所述第一事件积木块的编辑操作，在所述可视化编程区域显示针对所述第一事件积木块的操作选项菜单。

在一种可能的实现方式中，所述处理模块，还用于检测事件积木块触发区域上的事件积木块集合中每个事件积木块对应的事件选择按钮，根据被选中的事件选择按钮响应与所述被选中的事件入口按钮对应的事件积木块的选中操作；或者，检测事件积木块触发区域上的事件积木块集合中每个事件积木块对应的预设触摸位置，根据被触摸的预设触摸位置响应与所述被触摸的预设触摸位置对应的事件积木块的选中操作。

在本申请的一些实施例中，所述事件积木块集合中的多个事件积木块在所述事件积木块触发区域中，根据所述目标角色所属的应用程序类型进行自动排序，或者根据所述多个事件积木块的添加频率进行自动排序，或者根据对所述目标角色的编程意图进行自动排序。

在本申请的一些实施例中，纵向排列的事件积木块在所述可视化编程区域内进行横向移动；检测所述纵向排列的事件积木块被释放时，在所述可视化编程区域内对横向移动的事件积木块进行自动复位；或者，

纵向排列的功能积木块在所述可视化编程区域内进行横向移动；检测所述纵向排列的功能积木块被释放时，在所述可视化编程区域内对横向移动的功能积木块进行自动复位。

在本申请的一些实施例中，所述功能积木块集合中的多个功能积木块在所述功能积木块触发区域中，根据所述目标角色所属的应用程序类型进行自动排序，或者根据所述多个功能积木块的添加频率进行自动排序，或者根据对所述目标角色的编程意图进行自动排序。

通过以上对本申请实施例的描述可知，首先在目标界面的可视化布局区域确定目标角色，然后在目标界面的事件积木块触发区域显示事件积木块集合，接下来响应对事件积木块集合中的任一事件积木块的选中操作，在目标界面的可视化编程区域添加与目标角色对应的第一事件积木块，最后响应对目标界面的功能积木块触发区域显示的第一事件积木块对应的至少一个功能积木块的选中操作，在可视化编程区域添加与目标角色对应的第一功能积木块。本申请实施例中在目标界面上可以独立设置事件积木块触发区域和功能积木块触发区域，使得事件积木块和功能积木块可以在各自的添加区域进行部署，避免误操作的问题，另外本申请实施例中先响应的是第一事件积木块的添加，在完成添加第一事件积木块之后才会响应该第一事件积木块所对应的至少一个功能积木块的选中操作，最后根据目标角色对功能的需要来添加第一功能积木块。本申请实施例中可以将目标角色的功能设置为与事件积木块独立的功能积木块，从而提高功能积木块的设置成功率，避免积木功能设置失败。

本申请实施例还提供了另一种终端，如图12所示，为了便于说明，仅示出了与本申请实施例相关的部分，具体技术细节未揭示的，请参照本申请实施例方法部分。该终端可以为包括手机、笔记本电脑、桌面型计算机、平板电脑、pda(personaldigitalassistant，个人数字助理)、pos(pointofsales，销售终端)、车载电脑等任意终端设备，以终端为平板电脑为例：

图12示出的是与本申请实施例提供的终端相关的平板的部分结构的框图。参考图12，平板电脑包括：射频(radiofrequency，rf)电路1210、存储器1220、输入单元1230、显示单元1240、传感器1250、音频电路1260、无线保真(wirelessfidelity，wifi)模块1270、处理器1280、以及电源1290等部件。本领域技术人员可以理解，图12中示出的平板电脑结构并不构成对平板电脑的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图12对平板电脑的各个构成部件进行具体的介绍：

rf电路1210可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，给处理器1280处理；另外，将设计上行的数据发送给基站。通常，rf电路1210包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(lownoiseamplifier，lna)、双工器等。此外，rf电路1210还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(globalsystemofmobilecommunication，gsm)、通用分组无线服务(generalpacketradioservice，gprs)、码分多址(codedivisionmultipleaccess，cdma)、宽带码分多址(widebandcodedivisionmultipleaccess,wcdma)、长期演进(longtermevolution，lte)、电子邮件、短消息服务(shortmessagingservice，sms)等。

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

输入单元1230可用于接收输入的数字或字符信息，以及产生与平板电脑的用户设置以及功能控制有关的键信号输入。具体地，输入单元1230可包括触控面板1231以及其他输入设备1232。触控面板1231，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1231上或在触控面板1231附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板1231可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器1280，并能接收处理器1280发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1231。除了触控面板1231，输入单元1230还可以包括其他输入设备1232。具体地，其他输入设备1232可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元1240可用于显示由用户输入的信息或提供给用户的信息以及平板电脑的各种菜单。显示单元1240可包括显示面板1241，可选的，可以采用液晶显示器(liquidcrystaldisplay，lcd)、有机发光二极管(organiclight-emittingdiode,oled)等形式来配置显示面板1241。进一步的，触控面板1231可覆盖显示面板1241，当触控面板1231检测到在其上或附近的触摸操作后，传送给处理器1280以确定触摸事件的类型，随后处理器1280根据触摸事件的类型在显示面板1241上提供相应的视觉输出。虽然在图12中，触控面板1231与显示面板1241是作为两个独立的部件来实现平板电脑的输入和输入功能，但是在某些实施例中，可以将触控面板1231与显示面板1241集成而实现平板电脑的输入和输出功能。

平板电脑还可包括至少一种传感器1250，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板1241的亮度，接近传感器可在平板电脑移动到耳边时，关闭显示面板1241和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别平板电脑姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于平板电脑还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路1260、扬声器1261，传声器1262可提供用户与平板电脑之间的音频接口。音频电路1260可将接收到的音频数据转换后的电信号，传输到扬声器1261，由扬声器1261转换为声音信号输出；另一方面，传声器1262将收集的声音信号转换为电信号，由音频电路1260接收后转换为音频数据，再将音频数据输出处理器1280处理后，经rf电路1210以发送给比如另一平板电脑，或者将音频数据输出至存储器1220以便进一步处理。

wifi属于短距离无线传输技术，平板电脑通过wifi模块1270可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图12示出了wifi模块1270，但是可以理解的是，其并不属于平板电脑的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

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

平板电脑还包括给各个部件供电的电源1290(比如电池)，优选的，电源可以通过电源管理系统与处理器1280逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管未示出，平板电脑还可以包括摄像头、蓝牙模块等，在此不再赘述。

在本申请实施例中，该终端所包括的处理器1280还具有控制执行以上由终端执行的方法流程。

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

服务器1300还可以包括一个或一个以上电源1326，一个或一个以上有线或无线网络接口1350，一个或一个以上输入输出接口1358，和/或，一个或一个以上操作系统1341，例如windowsserver^tm，macosx^tm，unix^tm,linux^tm，freebsd^tm等等。

上述实施例中由服务器的执行可视化编程的方法步骤可以基于该图13所示的服务器结构。

另外需说明的是，以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。另外，本申请实施例提供的装置实施例附图中，模块之间的连接关系表示它们之间具有通信连接，具体可以实现为一条或多条通信总线或信号线。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到本申请实施例可借助软件加必需的通用硬件的方式来实现，当然也可以通过专用硬件包括专用集成电路、专用cpu、专用存储器、专用元器件等来实现。一般情况下，凡由计算机程序完成的功能都可以很容易地用相应的硬件来实现，而且，用来实现同一功能的具体硬件结构也可以是多种多样的，例如模拟电路、数字电路或专用电路等。但是，对本申请实施例而言更多情况下软件程序实现是更佳的实施方式。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在可读取的存储介质中，如计算机的软盘、u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请实施例各个实施例所述的方法。

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